feat: improve align and font weight on last pill taken

zaldih · Dec 19, 2023 · 4d4ef9a · 4d4ef9a
1 parent 8c1a508
commit 4d4ef9a
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/app/features/pill/pill-last-taken/pill-last-taken.component.html b/src/app/features/pill/pill-last-taken/pill-last-taken.component.html
@@ -12,8 +12,10 @@
         <div class="panel-header-body">
           <div class="left-side">
             <div class="title">{{ "pills.last_pill" | transloco }}</div>
-            {{ "pills.taked_at" | transloco }}
-            {{ lastPill.timestamp | date: "HH:mm" }}
+            <div>
+              <span>{{ "pills.taked_at" | transloco }}</span>
+              <span>{{ lastPill.timestamp | date: "HH:mm" }}</span>
+            </div>
           </div>
           <div class="time-ago" *ngIf="timeAgo; else loader">
             {{ "global.ago" | transloco }}
@@ -38,7 +40,7 @@
             <b>{{ lastPill.nextTake | date: "HH:mm" }}</b>
           </div>
           <div *ngIf="lastPill.comment">
-            <b>{{ "pills.comment" | transloco }}:</b> {{ lastPill.comment }}
+            {{ "pills.comment" | transloco }}: <b>{{ lastPill.comment }}</b>
           </div>
           <div>
             <button