layout: use the max width of the browser to show the graphs

Reference: http://stackoverflow.com/questions/1260122/expand-div-to-take-remaining-width

1 files changed, 9 insertions, 7 deletions

diff --git a/layout/style.css b/layout/style.css
index f61b0ad..56b7644 100644
--- a/layout/style.css
+++ b/layout/style.css
@@ -15,7 +15,12 @@ body {
         text-decoration: none;
 }
 
-#content, #footer{
+#content {
+        padding-left: 20px;
+}
+
+#footer {
+        clear: both;
         padding: 0px 20px 16px;
 }
 
@@ -96,10 +101,7 @@ hr {
 }
 
 .graphs {
-        display: inline-block;
-        margin: 0 0 0 20px;
-        width: 83%;
-        vertical-align: top;
+        overflow: hidden;
 }
 
 .graphs img {
@@ -108,8 +110,8 @@ hr {
 }
 
 .plugins {
-        display: inline-block;
-        width: 12%;
+        float: left;
+        margin-right: 25px;
 }
 
 .plugins ul > li:first-of-type {