diff options
Diffstat (limited to 'client/src/app/+my-account/my-account-video-channels')
2 files changed, 23 insertions, 5 deletions
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss index c8c327398..43a49a01a 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channel-edit.component.scss | |||
@@ -26,9 +26,9 @@ my-actor-avatar-info { | |||
26 | input { | 26 | input { |
27 | &[type=text] { | 27 | &[type=text] { |
28 | @include peertube-input-text(340px); | 28 | @include peertube-input-text(340px); |
29 | 29 | ||
30 | display: block; | 30 | display: block; |
31 | 31 | ||
32 | &#name { | 32 | &#name { |
33 | width: auto; | 33 | width: auto; |
34 | flex-grow: 1; | 34 | flex-grow: 1; |
@@ -63,3 +63,13 @@ my-markdown-textarea ::ng-deep { | |||
63 | .breadcrumb { | 63 | .breadcrumb { |
64 | @include breadcrumb; | 64 | @include breadcrumb; |
65 | } | 65 | } |
66 | |||
67 | @media screen and (max-width: $small-view) { | ||
68 | input[type=text]#name { | ||
69 | width: auto !important; | ||
70 | } | ||
71 | |||
72 | label[for=name] + div, textarea { | ||
73 | width: 100%; | ||
74 | } | ||
75 | } | ||
diff --git a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss index c0dc41f12..e1acf6cd6 100644 --- a/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss +++ b/client/src/app/+my-account/my-account-video-channels/my-account-video-channels.component.scss | |||
@@ -70,9 +70,17 @@ | |||
70 | } | 70 | } |
71 | 71 | ||
72 | .video-channel { | 72 | .video-channel { |
73 | .video-channel-names { | 73 | padding-bottom: 10px; |
74 | flex-direction: column; | 74 | |
75 | align-items: center !important; | 75 | .video-channel-info { |
76 | padding-bottom: 10px; | ||
77 | text-align: center; | ||
78 | |||
79 | .video-channel-names { | ||
80 | flex-direction: column; | ||
81 | align-items: center !important; | ||
82 | margin: auto; | ||
83 | } | ||
76 | } | 84 | } |
77 | 85 | ||
78 | img { | 86 | img { |