fix user preferences column width for notifications table (#3352)

Co-authored-by: kimsible <kimsible@users.noreply.github.com>

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 75e52fa1b645a277e5ecdfc12116689c9d006cef..b06d8b16dc7ef53e212209a03a211ea9db53e695 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
@@ -12,16 +12,14 @@
 
   & > 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;
       }
     }