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=0274f47c52e85d7920c9602af224dab4e2ff105a;hpb=f0a3988066f72a28bb44520af072f18d91d77dde;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 0274f47c5..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,25 +1,28 @@
-@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;
-
-    & > div {
-      font-weight: $font-semibold;
-    }
+  &.header {
+    font-weight: $font-semibold;
+    margin-top: 10px;
   }
 
-  & > div {
-    width: 350px;
-  }
+  > div {
+    padding: 10px;
 
-  & > div {
-    padding: 10px
+    &:first-child {
+      width: 350px;
+    }
+
+    @media screen and (max-width: #{breakpoint(sm)}) {
+      &:first-child {
+        width: auto;
+        flex-grow: 1;
+      }
+    }
   }
 }
-