@import '_variables';
@import '_mixins';
-.videos-header {
- display: flex;
- justify-content: space-between;
- margin: 20px 0 50px;
-
- input[type=text] {
- @include peertube-input-text(300px);
- }
+input[type=text] {
+ @include peertube-input-text(300px);
}
.action-button-delete-selection {
}
@media screen and (max-width: $small-view) {
- .videos-header {
- flex-direction: column;
- }
-
.action-button {
flex-direction: column;
align-self: center;
}
}
}
+
+@media screen and (max-width: $mobile-view) {
+ .videos-header {
+ flex-direction: column;
+
+ input[type=text] {
+ width: 100% !important;
+ }
+ }
+}