X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=client%2Fsrc%2Fapp%2F%2Bmy-account%2Fmy-account-settings%2Fmy-account-notification-preferences%2Fmy-account-notification-preferences.component.scss;h=8181c3175650c46f230d6f824a6699da2d9369f8;hb=082d32eb8873190e48329b61b91f87d71f3cf812;hp=75e52fa1b645a277e5ecdfc12116689c9d006cef;hpb=610d0be13b3d01f653ef269271dd667a57c85ef2;p=github%2FChocobozzz%2FPeerTube.git

diff --git a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
index 75e52fa1b..8181c3175 100644
--- a/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
+++ b/client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss
@@ -1,27 +1,26 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
 
-.custom-row {
+.notification-row {
   display: flex;
   align-items: center;
   border-bottom: 1px solid $separator-border-color;
 
-  &:first-child {
-    font-size: 16px;
+  &.header {
+    font-weight: $font-semibold;
+    margin-top: 10px;
   }
 
-  & > div {
+  > div {
     padding: 10px;
-    width: 350px;
 
-    &:nth-child(2) {
-      max-width: 60px !important;
+    &:first-child {
+      width: 350px;
     }
 
-    @media screen and (max-width: $small-view) {
-      width: auto;
-
+    @media screen and (max-width: #{breakpoint(sm)}) {
       &:first-child {
+        width: auto;
         flex-grow: 1;
       }
     }