.header {
flex-direction: column;
- & >:first-child {
+ & >:first-child, .peertube-select-container {
margin-bottom: 15px;
}
+
+ .peertube-select-container {
+ margin-left: 0 !important;
+ }
+ }
+}
+
+@media screen and (min-width: $mobile-view) and (max-width: $small-view) {
+ .header {
+ a {
+ font-size: 0;
+ padding: 0 13px;
+ }
+
+ .peertube-select-container {
+ width: auto !important;
+ }
+ }
+}
+
+@media screen and (min-width: $mobile-view) and (max-width: #{$small-view + $menu-width}) {
+ :host-context(.main-col:not(.expanded)) {
+ .header {
+ a {
+ font-size: 0;
+ padding: 0 13px;
+ }
+
+ .peertube-select-container {
+ width: auto !important;
+ }
+ }
}
}