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

Increase spacing between header icons

Browse Source
This commit is contained in:
Rob Garrison 2019-01-20 19:35:28 -06:00
parent 44df29613f
commit f9ccd3eeee
1 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
manage/manage.css
View File

@ -83,10 +83,16 @@ a:hover {
#main-actions { #main-actions {
display: flex; display: flex;
width: 260px; width: 320px;
height: 40px; height: 40px;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
margin-right: 10px;
}
#main-actions a,
#main-actions div {
margin-right: 4px;
} }
/* header vertical separator between icon groups */ /* header vertical separator between icon groups */
@ -138,10 +144,10 @@ a:hover {
width: 100%; width: 100%;
height: var(--header-height); height: var(--header-height);
z-index: 101; z-index: 101;
padding: 2px 8px; padding: 0 4px;
margin: 0; margin: 0;
display: flex; display: flex;
align-items: flex-start; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
@ -164,6 +170,10 @@ a:hover {
font-weight: normal; font-weight: normal;
} }
#installed, #options, #backup {
width: 100%;
margin-top: calc(var(--header-height) + var(--entry-height));
}
#installed .entry-header { #installed .entry-header {
background: var(--entry-header-bg-color); background: var(--entry-header-bg-color);
@ -175,7 +185,7 @@ a:hover {
#installed .entry, #installed .entry,
#installed .entry-header { #installed .entry-header {
width: calc(100vw - 1.5em); width: 100%;
height: var(--entry-height); height: var(--entry-height);
display: flex; display: flex;
flex: 0 0 var(--narrow-column); flex: 0 0 var(--narrow-column);
@ -186,10 +196,6 @@ a:hover {
padding: 0; padding: 0;
} }
#installed, #options, #backup {
margin-top: calc(var(--header-height) + var(--entry-height));
}
#installed .entry:last-child { #installed .entry:last-child {
margin-bottom: 10px; margin-bottom: 10px;
} }