width: fit-content;
display: flex;
align-items: baseline;
- color: #000;
+ color: var(--mainForegroundColor);
.video-channel-display-name {
font-weight: $font-semibold;
.actor-owner {
@include actor-owner;
+
+ margin-top: 0;
+ }
+}
+
+@media screen and (max-width: $small-view) {
+ .video-channels-header {
+ text-align: center;
+ }
+
+ .video-channel {
+ .video-channel-info {
+ padding-bottom: 10px;
+ text-align: center;
+
+ .video-channel-names {
+ flex-direction: column;
+ align-items: center !important;
+ margin: auto;
+ }
+ }
+
+ img {
+ margin-right: 0;
+ }
}
}