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=0b292850e26c131a50f4de832552ee84506ca9ce;hb=c4741804bceac6f5f3ea06f9041c5b4fde7a3d7d;hp=6feb16ab1521ee2e6b4f27198495eae9caaa798c;hpb=73471b1a52f242e86364ffb077ea6cadb3b07ae2;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 6feb16ab1..0b292850e 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
@@ -4,7 +4,7 @@
 .custom-row {
   display: flex;
   align-items: center;
-  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
+  border-bottom: 1px solid $separator-border-color;
 
   &:first-child {
     font-size: 16px;
@@ -15,11 +15,19 @@
   }
 
   & > div {
+    padding: 10px;
     width: 350px;
-  }
 
-  & > div {
-    padding: 10px
+    &:nth-child(2) {
+      max-width: 60px !important;
+    }
+
+    @media screen and (max-width: $small-view) {
+      width: auto;
+
+      &:first-child {
+        flex-grow: 1;
+      }
+    }
   }
 }
-