aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/+my-account/+my-account-video-channels/my-account-video-channels.component.scss
diff options
context:
space:
mode:
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.scss15
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 {