Fix select font size on mobile

phre1 · phre1 · commit c27b5d7e4a04 · 2020-10-09T19:32:33.000+02:00
diff --git a/src/assets/css/common.css b/src/assets/css/common.css
@@ -323,7 +323,7 @@ header.vff-header svg.f-logo {
 .vff span.faux-form {
   border-bottom: 1px solid;
   display: inline-block;
-  margin-right: .3em;
+  margin-right: .2em;
   margin-left: 0;
   position: relative;
   white-space: nowrap;
@@ -481,7 +481,7 @@ header.vff-header svg.f-logo {
   font-weight: 900;
   font-size: 2.4em;
   line-height: 1.34;
-  padding-right: 1.6em;
+  padding-right: 1.8em;
   margin-bottom: 20px;
 }
 
@@ -777,7 +777,7 @@ header.vff-header svg.f-logo {
 
   .vff h2,
   .vff .fh2 {
-    padding-right: 2em;
+    padding-right: 2.2em;
   }
 
 }
@@ -810,11 +810,6 @@ header.vff-header svg.f-logo {
     padding-right: 0;
   }
 
-  .vff select {
-    padding-top: .4em;
-    padding-bottom: .4em;
-  }
-
 }
 
 @media only screen and (max-width: 767px) {
@@ -881,7 +876,7 @@ header.vff-header svg.f-logo {
   }
 
   .vff select {
-    font-size: 1em;
+    font-size: .72em;
     padding-top: .2em;
     padding-bottom: .2em;
   }

Original file line number	Diff line number	Diff line change
`@@ -323,7 +323,7 @@ header.vff-header svg.f-logo {`
`323`	`323`	`.vff span.faux-form {`
`324`	`324`	`border-bottom: 1px solid;`
`325`	`325`	`display: inline-block;`
`326`		`- margin-right: .3em;`
	`326`	`+ margin-right: .2em;`
`327`	`327`	`margin-left: 0;`
`328`	`328`	`position: relative;`
`329`	`329`	`white-space: nowrap;`
`@@ -481,7 +481,7 @@ header.vff-header svg.f-logo {`
`481`	`481`	`font-weight: 900;`
`482`	`482`	`font-size: 2.4em;`
`483`	`483`	`line-height: 1.34;`
`484`		`- padding-right: 1.6em;`
	`484`	`+ padding-right: 1.8em;`
`485`	`485`	`margin-bottom: 20px;`
`486`	`486`	`}`
`487`	`487`
`@@ -777,7 +777,7 @@ header.vff-header svg.f-logo {`
`777`	`777`
`778`	`778`	`.vff h2,`
`779`	`779`	`.vff .fh2 {`
`780`		`- padding-right: 2em;`
	`780`	`+ padding-right: 2.2em;`
`781`	`781`	`}`
`782`	`782`
`783`	`783`	`}`
`@@ -810,11 +810,6 @@ header.vff-header svg.f-logo {`
`810`	`810`	`padding-right: 0;`
`811`	`811`	`}`
`812`	`812`
`813`		`- .vff select {`
`814`		`- padding-top: .4em;`
`815`		`- padding-bottom: .4em;`
`816`		`- }`
`817`		`-`
`818`	`813`	`}`
`819`	`814`
`820`	`815`	`@media only screen and (max-width: 767px) {`
`@@ -881,7 +876,7 @@ header.vff-header svg.f-logo {`
`881`	`876`	`}`
`882`	`877`
`883`	`878`	`.vff select {`
`884`		`- font-size: 1em;`
	`879`	`+ font-size: .72em;`
`885`	`880`	`padding-top: .2em;`
`886`	`881`	`padding-bottom: .2em;`
`887`	`882`	`}`