Merge pull request #342 from grafixeyehero/class

Add span class to fix a margin issue with some icons

src/components/homesections/homesections.css

@@ -8,4 +8,18 @@
     .homeLibraryButton {
         width: 46% !important;
     }
-}
+}
+
+.homeLibraryIcon {
+    margin-left: .5em;
+    margin-right: .5em;
+    -webkit-flex-shrink: 0;
+    flex-shrink: 0
+}
+
+.homeLibraryText {
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+    overflow: hidden
+}

src/components/homesections/homesections.js

@@ -235,7 +235,7 @@ define(['connectionManager', 'cardBuilder', 'appSettings', 'dom', 'apphost', 'la
                     break;
             }
 
-            html += '<a is="emby-linkbutton" href="' + appRouter.getRouteUrl(item) + '" class="raised homeLibraryButton"><i class="md-icon">' + icon + '</i><span>' + item.Name + '</span></a>';
+            html += '<a is="emby-linkbutton" href="' + appRouter.getRouteUrl(item) + '" class="raised homeLibraryButton"><i class="md-icon homeLibraryIcon">' + icon + '</i><span class="homeLibraryText">' + item.Name + '</span></a>';
         }
 
         html += '</div>';

src/css/material-icons/style.css

@@ -12,7 +12,6 @@
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
-    margin-right: 4px;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;