From 5fdd917918b9470ae3b0ec30ee89c8e20a14c157 Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Sat, 7 Dec 2013 16:28:29 -0800
Subject: improve icon display on narrow devices

---
 docs-assets/css/docs.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

(limited to 'docs-assets/css/docs.css')

diff --git a/docs-assets/css/docs.css b/docs-assets/css/docs.css
index 642b2ba7a..15b533dd9 100644
--- a/docs-assets/css/docs.css
+++ b/docs-assets/css/docs.css
@@ -1029,11 +1029,12 @@ h1[id] {
  */
 
 .bs-glyphicons {
+  margin: 0 -19px 20px -16px;
+  overflow: hidden;
+}
+.bs-glyphicons-list {
   padding-left: 0;
-  padding-bottom: 1px;
-  margin-bottom: 20px;
   list-style: none;
-  overflow: hidden;
 }
 .bs-glyphicons li {
   float: left;
@@ -1041,7 +1042,7 @@ h1[id] {
   height: 115px;
   padding: 10px;
   margin: 0 -1px -1px 0;
-  font-size: 12px;
+  font-size: 10px;
   line-height: 1.4;
   text-align: center;
   border: 1px solid #ddd;
@@ -1061,8 +1062,13 @@ h1[id] {
 }
 
 @media (min-width: 768px) {
+  .bs-glyphicons {
+    margin-left: 0;
+    margin-right: 0;
+  }
   .bs-glyphicons li {
     width: 12.5%;
+    font-size: 12px;
   }
 }
 
-- 
cgit v1.2.3