up template

ordre-du-jour/odj2/src/app/app.component.html

@@ -16,7 +16,7 @@
             (click)="setSubject(i)"
             *ngFor="let s of subjects; index as i"
             [ngClass]="{ active: (currentSubjectId === i) , 'is-finished': s.finished}">
-          <strong> {{s.id}}) {{ s.title }}</strong>
+          <strong> {{s.id}}) <span *ngIf="s.finished"> 🎉</span><span *ngIf="s.notes.length>1"> 🗒️</span> {{ s.title }}</strong>
 
           <p class="is-small">
             <span class="author-infos">
@@ -40,7 +40,7 @@
               </div>
             </span>
           </p>
-          <p *ngIf="s.finished">🎉</p>
+
           <p class="is-info"
              *ngIf="isNowTimeBetweenTwoDates(subjects[currentSubjectId].startDate, subjects[currentSubjectId].startDate)">
             sujet actuel dans les temps impartis

ordre-du-jour/odj2/src/app/app.component.scss

@@ -64,11 +64,12 @@ main {
   position: relative;
 }
 
-textarea{
+textarea, pre{
   border: 1px solid #dedede;
   padding: 1rem;
   width : 100%;
   margin-bottom: 1.5em;
+  overflow-x: auto;
 }
 .angular-logo {
   max-width: 9.2rem;
@@ -224,12 +225,6 @@ button,
   display: inline-block;
 }
 
-pre {
-  width: 20rem;
-  padding: 0.5rem;
-  background: lightslategrey;
-  overflow-x: auto;
-}
 
 .is-clickable {
   cursor: pointer;
@@ -248,6 +243,10 @@ pre {
   p{
     margin-top: 1.5em;
   }
+  h1{
+    max-height: 3em;
+    overflow: auto;
+  }
 }
 .rectangle-time-container{
   background: grey;
@@ -292,3 +291,7 @@ pre {
     margin-block: 1.5rem;
   }
 }
+
+.actions{
+  margin-bottom: 100vh
+}