From c57ec23a668dd2371181dfdf16b82c983a52425c Mon Sep 17 00:00:00 2001
From: Andrei Stefan <slicer@sliceratwork.com>
Date: Wed, 3 May 2017 11:46:08 +0300
Subject: [PATCH] fix broken layout for styleguide icons tab

---
 public/app/features/styleguide/styleguide.html | 6 ++++--
 public/sass/icons.json                         | 6 +++---
 public/sass/pages/_styleguide.scss             | 2 +-
 3 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/public/app/features/styleguide/styleguide.html b/public/app/features/styleguide/styleguide.html
index e2a218bb763..573d720831e 100644
--- a/public/app/features/styleguide/styleguide.html
+++ b/public/app/features/styleguide/styleguide.html
@@ -40,8 +40,10 @@
 	</div>
 
 	<div class="tab-pane style-guide-icon-list" ng-if="ctrl.page.icons">
-		<div ng-repeat="icon in ctrl.icons" class="col-lg-1 col-md-2 col-sm-2 col-xs-4">
-			<i class="icon-gf icon-gf-{{icon}}" bs-tooltip="'icon-gf icon-gf-{{icon}}'"></i>
+		<div class="row">
+			<div ng-repeat="icon in ctrl.icons" class="col-md-2 col-sm-3 col-xs-4">
+				<i class="icon-gf icon-gf-{{icon}}" bs-tooltip="'icon-gf icon-gf-{{icon}}'"></i>
+			</div>
 		</div>
 	</div>
 
diff --git a/public/sass/icons.json b/public/sass/icons.json
index 593c7bbfb55..4c87042fe02 100644
--- a/public/sass/icons.json
+++ b/public/sass/icons.json
@@ -1,4 +1,6 @@
 [
+      "grafana_wordmark",
+      "worldping",
       "raintank_wordmark",
       "raintank_r-icn",
       "check-alt",
@@ -46,7 +48,5 @@
       "apps",
       "scale",
       "pending",
-      "verified",
-      "worldping",
-      "grafana_wordmark"
+      "verified"
 ]
\ No newline at end of file
diff --git a/public/sass/pages/_styleguide.scss b/public/sass/pages/_styleguide.scss
index 70a71cda1be..66543847574 100644
--- a/public/sass/pages/_styleguide.scss
+++ b/public/sass/pages/_styleguide.scss
@@ -22,7 +22,7 @@
 }
 
 .style-guide-icon-list {
-  font-size: 2em;
+  font-size: 1.8em;
   text-align: center;
 }