Auto update publishedAt in live restream

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / users / user-notifications.component.scss

diff --git a/client/src/app/shared/shared-main/users/user-notifications.component.scss b/client/src/app/shared/shared-main/users/user-notifications.component.scss
index b69d4b5d6c51909dad50711a4f37e9d5ab4fe023..12352b3b7fd505b81789e975ba776dba479dc7b1 100644 (file)
--- a/client/src/app/shared/shared-main/users/user-notifications.component.scss
+++ b/client/src/app/shared/shared-main/users/user-notifications.component.scss
@@ -1,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
 .no-notification {
   display: flex;
@@ -22,19 +22,20 @@
 
   my-global-icon {
     @include apply-svg-color(#333);
+    @include margin-right(11px);
+    @include margin-left(3px);
 
     width: 24px;
-    margin-right: 11px;
-    margin-left: 3px;
   }
 
   .avatar {
+    @include margin-right(10px);
+
     width: 30px;
     height: 30px;
     min-width: 30px;
     min-height: 30px;
     border-radius: 5px;
-    margin-right: 10px;
   }
 
   .message {
@@ -46,11 +47,12 @@
   }
 
   .from-date {
+    @include padding-left(5px);
+    @include margin-left(auto);
+
     font-size: 0.85em;
     color: pvar(--greyForegroundColor);
-    padding-left: 5px;
     min-width: 70px;
-    text-align: right;
-    margin-left: auto;
+    text-align: end;
   }
 }