Redo the responsive utilities stuff

* Update docs language
* Enforce display: block; on all utilities for now
* Fix up docs CSS for the tests

1 files changed, 10 insertions, 8 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 3cc4d97ec..fd40cdafb 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -510,16 +510,14 @@ body {
   position: relative;
   float: left;
   width: 25%;
-  height: 43px;
+  padding: 15px 10px;
   font-size: 14px;
   font-weight: bold;
-  line-height: 43px;
+  line-height: 1.1;
   color: #999;
   text-align: center;
   border: 1px solid #ddd;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+  border-radius: 4px;
 }
 .responsive-utilities-test li + li {
   margin-left: 10px;
@@ -530,9 +528,8 @@ body {
   left:   -1px;
   right:  -1px;
   bottom: -1px;
-  -webkit-border-radius: 4px;
-     -moz-border-radius: 4px;
-          border-radius: 4px;
+  padding: 15px 10px;
+  border-radius: 4px;
 }
 .responsive-utilities-test span {
   color: #468847;
@@ -646,6 +643,10 @@ input.focused {
   margin-bottom: 5px;
 }
 
+/* Hide the top link initially */
+.bs-top {
+  display: none;
+}
 
 
 /* Responsive variations
@@ -673,6 +674,7 @@ input.focused {
 
   /* Back to top link */
   .bs-top {
+    display: block; /* Unhide */
     float: left;
     padding: 7px 15px;
     font-weight: 500;