fix broken layout for styleguide icons tab

This commit is contained in:
Andrei Stefan 2017-05-03 11:46:08 +03:00
parent 53ccc6f48f
commit c57ec23a66
3 changed files with 8 additions and 6 deletions

View File

@ -40,8 +40,10 @@
</div> </div>
<div class="tab-pane style-guide-icon-list" ng-if="ctrl.page.icons"> <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"> <div class="row">
<i class="icon-gf icon-gf-{{icon}}" bs-tooltip="'icon-gf icon-gf-{{icon}}'"></i> <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>
</div> </div>

View File

@ -1,4 +1,6 @@
[ [
"grafana_wordmark",
"worldping",
"raintank_wordmark", "raintank_wordmark",
"raintank_r-icn", "raintank_r-icn",
"check-alt", "check-alt",
@ -46,7 +48,5 @@
"apps", "apps",
"scale", "scale",
"pending", "pending",
"verified", "verified"
"worldping",
"grafana_wordmark"
] ]

View File

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