css/forms: use em, get rid of a bunch of px values

Icinga · Jan 13, 2016 · 5cc38a3 · 5cc38a3
1 parent e0bec86
commit 5cc38a3
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/public/css/icinga/forms.less b/public/css/icinga/forms.less
@@ -38,9 +38,9 @@ input[placeholder] {
 }
 
 input.search {
-  background: transparent url('../img/icons/search.png') no-repeat 2px;
-  background-size: 12px 12px;
-  padding-left: 20px;
+  background: transparent url("../img/icons/search.png") no-repeat scroll 0.1em center;
+  background-size: 1em 1em;
+  padding-left: 1.5em;
 
   &:focus {
     background-color: @body-bg-color;
@@ -49,7 +49,7 @@ input.search {
 }
 
 input, select, textarea {
-  width: 320px;
+  width: 20em;
 }
 
 input[type="checkbox"],
@@ -70,7 +70,7 @@ form.inline {
 }
 
 .form-controls {
-  margin-left: 160px;
+  margin-left: 10em;
 }
 
 
@@ -105,7 +105,7 @@ label {
   display: inline-block;
   padding-right: @horizontal-padding;
   text-align: right;
-  width: 160px;
+  width: 10em;
 }
 
 .control-group {