webui: fluid layout

one/static/style/base.less

@@ -17,7 +17,7 @@ body
 
 
 #content
 #content
 {
 {
-    width:970px;
+    width:80%;
     text-align:left;
     text-align:left;
     margin:0 auto;
     margin:0 auto;
     padding-bottom: 100px;
     padding-bottom: 100px;
@@ -367,3 +367,12 @@ body > footer {
         margin-left: 1em;
         margin-left: 1em;
     }
     }
 }
 }
+
+@media (max-width: 900px) {
+    #content {
+        width: 100%;
+    }
+    .boxes {
+        width: 100% !important;
+    }
+}

one/static/style/box.less

 .boxes {
 .boxes {
-    width:480px;
+    width:50%;
     float:left;
     float:left;
 }
 }
 
 
@@ -300,7 +300,6 @@
         }
         }
         .value {
         .value {
             float: right;
             float: right;
-            width: 200px;
             text-align: right;
             text-align: right;
         }
         }
         .description {
         .description {
@@ -309,7 +308,7 @@
             .value {
             .value {
                 font-size: 0.8em;
                 font-size: 0.8em;
                 word-spacing: 3px;
                 word-spacing: 3px;
-                width: 350px;
+                max-width: 200px;
             }
             }
         }
         }
     }
     }

one/static/style/wizard.less

@@ -27,7 +27,6 @@
     max-height: 60%;
     max-height: 60%;
     overflow: auto;
     overflow: auto;
     .container{
     .container{
-        max-height: 400px;
         overflow: auto;
         overflow: auto;
         border-radius: 2px;
         border-radius: 2px;
         border: 1px solid #888;
         border: 1px solid #888;