Merge pull request #49 from uclouvain/feature/ON-9023

[OSIS-9023] OSIS notification alignement notifications
uclouvain · May 21, 2024 · 4753084 · 4753084
2 parents 4a1fb24 + d1a66eb
commit 4753084
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/frontend/NotificationViewer.vue b/frontend/NotificationViewer.vue
@@ -80,7 +80,7 @@
     <template v-else>
       <li>
         <a
-            class="btn"
+            class="btn d-block text-center"
             :class="{ disabled: !unreadNotificationsCount }"
             @click="markAllAsRead"
         >

diff --git a/frontend/components/NotificationEntry.vue b/frontend/components/NotificationEntry.vue
@@ -29,12 +29,13 @@
         :id="`notification-${uuid}`"
         :checked="isSent"
         type="radio"
+        class="mt-1"
         data-toggle="tooltip"
         data-bs-toggle="tooltip"
         :data-original-title="isSent ? $t('notification.mark_as_read') : $t('notification.mark_as_unread')"
         @click.prevent="$emit('toggle', uuid)"
     >
-    <span class="label label-primary">{{ sentAt }}</span>
+    <span class="label label-primary badge bg-primary">{{ sentAt }}</span>
     <TruncateHtml
         button-css-class="btn btn-link"
         container-css-class="notification-text"