fix(list): align text in lists with icons

Define min-width for icon in lists, so text is aligned. Closes #597
fomantic · May 1, 2019 · 566b363 · 566b363
1 parent 58dafe0
commit 566b363
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less
@@ -107,6 +107,7 @@ ol.ui.list ol li,
 .ui.list .list > .item > i.icon,
 .ui.list > .item > i.icon {
   display: table-cell;
+  min-width: 1.55em;
   margin: 0;
   padding-top: @iconOffset;
   transition: @iconTransition;
@@ -118,6 +119,7 @@ ol.ui.list ol li,
 .ui.list .list > .item > i.icon:only-child,
 .ui.list > .item > i.icon:only-child {
   display: inline-block;
+  min-width: auto;
   vertical-align: @iconVerticalAlign;
 }