[design] improve form select padding

zombieFox · zombieFox · commit 990094e0edfd · 2019-11-09T14:01:46.000Z
diff --git a/src/css/form.css b/src/css/form.css
@@ -22,13 +22,13 @@ select{
 linear-gradient(45deg, transparent 60%, rgb(var(--form-label)) 60%),
 linear-gradient(135deg, rgb(var(--form-label)) 40%, transparent 40%);
 background-position:
- calc(100% - 2em) 50%,
- calc(100% - 1.5em) 50%;
+ calc(100% - 1.5em) 55%,
+ calc(100% - 1em) 55%;
 background-size:
 0.5em 0.375em,
 0.5em 0.375em;
 background-repeat: no-repeat;
- padding: 0 calc(0.5em * 8) 0 1em;
+ padding: 0 3em 0 1em;
 margin: 0 0 1em 0;
 color: rgb(var(--form-label));
 font-size: 1em;

-Original file line number
+Diff line change
 linear-gradient(45deg, transparent 60%,rgb(var(--form-label)) 60%),
 linear-gradient(135deg,rgb(var(--form-label)) 40%, transparent 40%);
 background-position:
 -calc(100%-2em) 50%,
 -calc(100%-1.5em) 50%;
 +calc(100%-1.5em) 55%,
 +calc(100%-1em) 55%;
 background-size:
 .5em0.375em,
 .5em0.375em;
 background-repeat: no-repeat;
 -padding:0calc(0.5em*8)01em;
 +padding:03em01em;
 margin:001em0;
 color:rgb(var(--form-label));
 font-size:1em;