style(rxForm): added white background to inputs

rackerlabs · Jun 20, 2014 · 971e276 · 971e276
1 parent 8791a78
commit 971e276
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/rxForm/rxForm.less b/src/rxForm/rxForm.less
@@ -108,13 +108,15 @@ field-prefix, field-suffix and field-description are optional.
     input,
     select {
         color: @inputColor;
-        background: transparent;
         font-size: 1.2em;
-        margin: 0;
         border-radius: 0;
+    }
 
+    input,
+    .field-select {
         // leave some room for prefix/suffix if the field width is wider than the container width
         max-width: 65%;
+        background: @white;
     }
 
     input {
@@ -133,10 +135,14 @@ field-prefix, field-suffix and field-description are optional.
     }
 
     .field-select {
+        display: inline-block;
         position: relative;
+        width: @fieldSelectWidth;
 
         select {
-            width: @fieldSelectWidth;
+            width: 100%;
+            // make sure arrow can show through
+            background: transparent;
             // Remove default arrow
             -webkit-appearance: none;
             // @bugfix FF doesn't like 'none'