Fix margins/widths with top-menu and main-col on small screens

[github/Chocobozzz/PeerTube.git] / client / src / app / +my-account / my-account-settings / my-account-notification-preferences / my-account-notification-preferences.component.scss

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 0274f47c52e85d7920c9602af224dab4e2ff105a..0b292850e26c131a50f4de832552ee84506ca9ce 100644 (file)
--- 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
@@ -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;
+      }
+    }
   }
 }
-