responsive refinements

Author: Bearded Avenger

public/assets/css/idea-factory.css

@@ -1,6 +1,10 @@
 // main layout wrap
 .idea-factory--wrap {
     .clearfix();
+
+    * {
+        .box-sizing(border-box);
+    }
 }
 
 // main alyout
@@ -41,6 +45,7 @@
     .transition(background .1s ease);
     display: inline-block;
 
+    &:visited,
     &:hover {
         color:white;
         background:darken(@button--background,5);

public/assets/less/_layout.less

@@ -34,6 +34,7 @@
             float:none;
             display:block;
             text-align: center;
+            margin:0;
         }
         .idea-factory--submit-left {
             margin-bottom:10px;
@@ -52,4 +53,22 @@
         top:10px;
         float:right;
     }
+
+    .idea-factory--loadmore {
+        text-align: center;
+    }
+
+    .idea-factory--button {
+        text-align: center;
+        margin-left:auto;
+        margin-right:auto;
+    }
+}
+
+@media(max-width:400px) {
+    .idea-factory--button {
+        width:100%;
+        margin-left:0;
+        margin-right:0;
+    }
 }