Edit style of component comment

src/app/comment/comment.component.html

 <form>
-  <ul>
     <li>
       <mat-card>
         <mat-card-content>
-          <b>com header</b><br>
+          <b> <!-- insert subject of comment --> </b><br>
 
           <!-- insert comment -->
         </mat-card-content>
         <mat-card-footer>
-          <div style="float:left">
-            <i>#date + time</i>
-          </div>
-          <div style="float:right">
-            <i>#name of commentator</i>
+          <div class="date">
+            <i> <!-- insert date of comment --> </i>
           </div>
         </mat-card-footer>
       </mat-card><br>
     </li>
-  </ul>
+
 
   <button mat-raised-button color="primary">back</button>
 </form>

src/app/comment/comment.component.scss

+.date {
+  text-align:  left;
+  font-size: 80%;
+}