fix broken layout for styleguide icons tab

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>
 

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"
 ]

public/sass/pages/_styleguide.scss

@@ -22,7 +22,7 @@
 }
 
 .style-guide-icon-list {
-  font-size: 2em;
+  font-size: 1.8em;
   text-align: center;
 }