diff options
Diffstat (limited to 'client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.scss')
-rw-r--r-- | client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.scss | 15 |
1 files changed, 15 insertions, 0 deletions
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 4ecb4f408..cbd999fbd 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 | |||
@@ -64,6 +64,10 @@ input[type=text] { | |||
64 | top: 1px; | 64 | top: 1px; |
65 | } | 65 | } |
66 | 66 | ||
67 | .video-channels-header { | ||
68 | margin-bottom: 30px; | ||
69 | } | ||
70 | |||
67 | @media screen and (max-width: $small-view) { | 71 | @media screen and (max-width: $small-view) { |
68 | .video-channels-header { | 72 | .video-channels-header { |
69 | text-align: center; | 73 | text-align: center; |
@@ -97,6 +101,17 @@ input[type=text] { | |||
97 | } | 101 | } |
98 | } | 102 | } |
99 | 103 | ||
104 | @media screen and (max-width: $mobile-view) { | ||
105 | .video-channels-header { | ||
106 | flex-direction: column; | ||
107 | |||
108 | input[type=text] { | ||
109 | width: 100% !important; | ||
110 | margin-bottom: 12px; | ||
111 | } | ||
112 | } | ||
113 | } | ||
114 | |||
100 | @media screen and (min-width: breakpoint(lg)) { | 115 | @media screen and (min-width: breakpoint(lg)) { |
101 | :host-context(.main-col:not(.expanded)) { | 116 | :host-context(.main-col:not(.expanded)) { |
102 | .video-channel-buttons { | 117 | .video-channel-buttons { |