open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

manager: trivial alignments

Browse Source 
* removed `Filters` left shift
* removed inadvertent extra padding in compact mode
* fixed `Backup` label in verbose languages
* flexible width of header blocks in compact mode
This commit is contained in:
tophf 2022-01-18 00:11:31 +03:00
parent 14e0a418bf
commit 9136631bc6
1 changed files with 12 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
manage/manage.css
View File

@ -281,18 +281,18 @@ a:hover {
margin-left: -13px; margin-left: -13px;
cursor: pointer; cursor: pointer;
} }
#header #filters summary { #header #filters summary {
margin: 0 0 -2px -13px; margin-bottom: -2px;
} }
#header #filters summary h2 { #header #filters summary h2 {
margin-left: -4px; display: inline-flex;
flex-wrap: wrap;
align-items: center;
} }
#header summary h2 { #header summary h2 {
display: inline-flex; display: inline;
flex-wrap: wrap;
border-bottom: 1px dotted transparent; border-bottom: 1px dotted transparent;
margin-top: .1em; margin-top: .1em;
margin-bottom: .1em; margin-bottom: .1em;
@ -301,8 +301,9 @@ a:hover {
border-color: #bbb; border-color: #bbb;
} }
#header summary h2 [data-cmd="note"] { #header summary h2 [data-cmd="note"] {
display: flex; display: inline-flex;
align-items: center; align-items: center;
vertical-align: middle;
} }
/* compact layout */ /* compact layout */
@ -828,6 +829,8 @@ a:hover {
#search-wrapper, #sort-wrapper { #search-wrapper, #sort-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
}
#search-wrapper {
margin-bottom: .5rem; margin-bottom: .5rem;
} }
#searchMode { #searchMode {
@ -1052,7 +1055,8 @@ a:hover {
#search-wrapper, #search-wrapper,
#sort-wrapper, #sort-wrapper,
#header summary { #header summary {
max-width: 247px; min-width: 10em;
max-width: 50vw;
} }
#message-box > div { #message-box > div {
@ -1062,10 +1066,6 @@ a:hover {
margin-right: auto; margin-right: auto;
} }
.filter-selection {
max-width: 226px;
}
#header { #header {
display: table-header-group; display: table-header-group;
height: auto; height: auto;
@ -1080,7 +1080,7 @@ a:hover {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
width: 100%; width: 100%;
padding: .5rem 0 1rem; padding: 0 0 1rem;
} }
#manage-settings > .settings-column { #manage-settings > .settings-column {
@ -1097,8 +1097,6 @@ a:hover {
} }
#header h1, #header h1,
#header h2,
#header h3,
#backup-message { #backup-message {
display: none; display: none;
} }