Fix my account settings responsive
[oweals/peertube.git] / client / src / app / +my-account / my-account-settings / my-account-notification-preferences / my-account-notification-preferences.component.scss
1 @import '_variables';
2 @import '_mixins';
3
4 .custom-row {
5   display: flex;
6   align-items: center;
7   border-bottom: 1px solid $separator-border-color;
8
9   &:first-child {
10     font-size: 16px;
11
12     & > div {
13       font-weight: $font-semibold;
14     }
15   }
16
17   & > div {
18     width: 350px;
19
20     @media screen and (max-width: $small-view) {
21       width: auto;
22
23       &:first-child {
24         flex-grow: 1;
25       }
26     }
27   }
28
29   & > div {
30     padding: 10px
31   }
32 }
33