Unverified Commit 9a8c02c9 authored by aschaap's avatar aschaap Committed by GitHub

correct inconsistency in spacing "Sort By" for narrow screens (#3938)

Mimicked the approach used in other tabs under "My Library":
* Adding bottom margin to search field to keep distance from "Sort By"
* Fixing extra left margin on "Sort By" for narrow screens
* Removed the `ml-2` class so that `!important` is no longer needed
* Removed unnecessary `!important` from account video search field width
parent 20373985
......@@ -26,7 +26,7 @@
<span class="sr-only" i18n>Clear filters</span>
</div>
<div class="peertube-select-container peertube-select-button ml-2">
<div class="peertube-select-container peertube-select-button">
<select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control">
<option value="undefined" disabled>Sort by</option>
<option value="-publishedAt" i18n>Last published first</option>
......
......@@ -7,6 +7,7 @@ input[type=text] {
.peertube-select-container {
@include peertube-select-container(auto);
margin-left: 0.5rem;
}
h1 {
......@@ -67,7 +68,11 @@ my-edit-button {
flex-direction: column;
input[type=text] {
width: 100% !important;
width: 100%;
margin-bottom: 12px;
}
.peertube-select-container {
margin-left: 0;
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment