LAYOUT: improved layout of about page

3 files changed, 9 insertions, 21 deletions

diff --git a/css/standard.css b/css/standard.css
index 33d8ae0..90d44ac 100644
--- a/css/standard.css
+++ b/css/standard.css
@@ -647,20 +647,11 @@ table.openid th {
 .highcall {
   background-color: #fc3;
 }
-.about {
-  margin-left: 20%;
-  margin-right: 20%;
-  padding-top: 10%;
-}
 .about ul {
   margin-left: 2em;
 }
 .about div {
-  width: 12em;
-  height: 6em;
-  margin: 2em;
-  padding: 1em;
-  float: left;
+  margin-top: 3em;
   border: 1px solid black;
 }
 .about .code {
diff --git a/css/standard.less b/css/standard.less
index 1981c7d..6330a8d 100644
--- a/css/standard.less
+++ b/css/standard.less
@@ -646,22 +646,12 @@ table.openid td, table.openid th{
     background-color: #fc3;
 }
 
-.about {
-    margin-left: 20%;
-    margin-right: 20%;
-    padding-top: 10%;
-}
-
 .about ul {
     margin-left: 2em;
 }
 
 .about div {
-    width:12em;
-    height: 6em;
-    margin: 2em;
-    padding: 1em;
-    float:left;
+    margin-top: 3em;
     border: 1px solid black;
 }
 
diff --git a/js/layout.js b/js/layout.js
index 74a0fe0..88c85e5 100644
--- a/js/layout.js
+++ b/js/layout.js
@@ -28,3 +28,10 @@ $(".doregister select").wrap('<div class="controls">');
 $(".gravatar").addClass('img-polaroid');
 
 $(".welcomestats").addClass('offset1');
+
+// about
+$('div.about').addClass('row-fluid');
+$('div.code').addClass('offset2 span2');
+$('div.database').addClass('span2');
+$('div.graphics').addClass('span2');
+$('div.translation').addClass('span2');