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.scss23
1 files changed, 22 insertions, 1 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 e1acf6cd6..144c2440b 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
@@ -50,6 +50,7 @@
50 } 50 }
51 51
52 .video-channel-buttons { 52 .video-channel-buttons {
53 margin-top: 10px;
53 min-width: 190px; 54 min-width: 190px;
54 } 55 }
55} 56}
@@ -80,6 +81,10 @@
80 flex-direction: column; 81 flex-direction: column;
81 align-items: center !important; 82 align-items: center !important;
82 margin: auto; 83 margin: auto;
84
85 .video-channel-name {
86 margin-left: 0px !important;
87 }
83 } 88 }
84 } 89 }
85 90
@@ -88,7 +93,23 @@
88 } 93 }
89 94
90 .video-channel-buttons { 95 .video-channel-buttons {
91 margin-top: 10px; 96 align-self: center;
97 }
98 }
99}
100
101@media screen and (min-width: breakpoint(lg)) {
102 :host-context(.main-col:not(.expanded)) {
103 .video-channel-buttons {
104 float: right;
105 }
106 }
107}
108
109@media screen and (min-width: $small-view) {
110 :host-context(.expanded) {
111 .video-channel-buttons {
112 float: right;
92 } 113 }
93 } 114 }
94} 115}