}
.video-channel-buttons {
+ margin-top: 10px;
min-width: 190px;
}
}
}
.video-channel {
- .video-channel-names {
- flex-direction: column;
- align-items: center !important;
+ padding-bottom: 10px;
+
+ .video-channel-info {
+ padding-bottom: 10px;
+ text-align: center;
+
+ .video-channel-names {
+ flex-direction: column;
+ align-items: center !important;
+ margin: auto;
+
+ .video-channel-name {
+ margin-left: 0px !important;
+ }
+ }
}
img {
}
.video-channel-buttons {
- margin-top: 10px;
+ align-self: center;
+ }
+ }
+}
+
+@media screen and (min-width: breakpoint(lg)) {
+ :host-context(.main-col:not(.expanded)) {
+ .video-channel-buttons {
+ float: right;
+ }
+ }
+}
+
+@media screen and (min-width: $small-view) {
+ :host-context(.expanded) {
+ .video-channel-buttons {
+ float: right;
}
}
}