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=f35d15f935fc30843112d98b6d1e3717683707a6;hb=fa12eacc014aae8094d108634371640f2695bf9f;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..f35d15f93 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,5 +1,5 @@
-@import '_variables';
-@import '_mixins';
+@use '_variables';
+@use '_mixins';
 
 .custom-row {
   display: flex;
@@ -10,18 +10,16 @@
     font-size: 16px;
   }
 
-  & > 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;
       }
     }