Add reactive to mileage entry page

2012-12-15 20:38:51 -05:00
parent 260118ff90
commit 19705f8f38
26 changed files with 692 additions and 259 deletions
@@ -1,5 +1,4 @@
-body {
-    padding-top: 49px;
+body {
 }

 #content {
@@ -8,9 +7,9 @@

 .brand
 {
-  background: url(images/Header.png) no-repeat left center;
-  height: 28px;
-  width: 266px;
+    background: url(images/Header.png) no-repeat left center;
+    height: 28px;
+    width: 266px;
 }

 .navbar .brand {
@@ -22,10 +21,36 @@
    line-height: 29px;
 }

-.form-horizontal .control-label {
-    width: 120px;
+@media (max-width: 767px) {
+    .input-mini {
+        width: 60px !important;
+    }
+    .input-small {
+        width: 90px !important;
+    }
 }

-.form-horizontal .controls {
-    margin-left: 140px;
+@media (max-width: 480px) { 
+
+    fieldset legend {
+        margin-bottom: 0;
+    }
+
+    .form-horizontal .control-label {
+        float: left;
+        width: 95px;
+        text-align: right;
+    }
+
+    .form-horizontal .controls {
+        margin-left: 110px;
+    }
+
+    .form-horizontal .control-group {
+        margin-bottom: 10px;
+    }
+
+    .employeeName input {
+        width: 120px;
+    }
 }