aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2019-04-11 11:18:19 +0200
committerChocobozzz <me@florianbigard.com>2019-04-11 11:18:19 +0200
commit2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca (patch)
treec733bcda588f3de2288bdfab439da34c1fecca9b /client/src/app/+my-account
parent5d79474cc66383ecbfcef6366f63a34c3af21cbf (diff)
downloadPeerTube-2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca.tar.gz
PeerTube-2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca.tar.zst
PeerTube-2c3abc4fa796555eb7d25f416c4f41ab3e3ad8ca.zip
Fix my account settings responsive
Diffstat (limited to 'client/src/app/+my-account')
-rw-r--r--client/src/app/+my-account/my-account-settings/my-account-notification-preferences/my-account-notification-preferences.component.scss8
-rw-r--r--client/src/app/+my-account/shared/actor-avatar-info.component.scss6
2 files changed, 13 insertions, 1 deletions
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 0274f47c5..7cd5c3b46 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
@@ -16,6 +16,14 @@
16 16
17 & > div { 17 & > div {
18 width: 350px; 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 }
19 } 27 }
20 28
21 & > div { 29 & > div {
diff --git a/client/src/app/+my-account/shared/actor-avatar-info.component.scss b/client/src/app/+my-account/shared/actor-avatar-info.component.scss
index 0b0c83de5..86f8108b9 100644
--- a/client/src/app/+my-account/shared/actor-avatar-info.component.scss
+++ b/client/src/app/+my-account/shared/actor-avatar-info.component.scss
@@ -18,6 +18,10 @@
18 .actor-info-display-name { 18 .actor-info-display-name {
19 font-size: 20px; 19 font-size: 20px;
20 font-weight: $font-bold; 20 font-weight: $font-bold;
21
22 @media screen and (max-width: $small-view) {
23 font-size: 16px;
24 }
21 } 25 }
22 26
23 .actor-info-username { 27 .actor-info-username {
@@ -48,4 +52,4 @@
48 52
49 position: relative; 53 position: relative;
50 top: -10px; 54 top: -10px;
51} \ No newline at end of file 55}