removed auto width for md-icons

Signed-off-by: Aoun Bukhari <bukhari@itemis.de>

extensions/ui/org.eclipse.smarthome.ui.paper/web-src/css/components.css

@@ -1,10 +1,6 @@
 /**
  * Material Angular Overrides 
  */
-.material-icons {
-	width: auto !important;
-}
-
 .md-button .material-icons {
 	line-height: inherit;
 }

extensions/ui/org.eclipse.smarthome.ui.paper/web-src/css/layout.css

@@ -405,3 +405,7 @@ md-tabs.section-tabs {
 	.section-header .toolbar button.md-default-theme.md-fab:focus {
 	background-color: white;
 }
+
+.side-menu {
+	margin-left: 4%;
+}

extensions/ui/org.eclipse.smarthome.ui.paper/web-src/index.html

@@ -47,20 +47,20 @@
 			<li ng-class="{active: isActive('control'), hidden: isHidden('control')}">
 				<a href="#control">
 					<span class="icon material-icons">dashboard</span>
-					Control
+					<span class="side-menu">Control</span>
 				</a>
 			</li>
 			<li ng-class="{active: isActive('inbox')}">
 				<a href="#inbox" class="clickable">
 					<span class="icon material-icons">add_circle_outline</span>
-					Inbox
+					<span class="side-menu">Inbox</span>
 					<span ng-show="getNumberOfNewDiscoveryResults() > 0" class="badge">{{getNumberOfNewDiscoveryResults()}}</span>
 				</a>
 			</li>
 			<li ng-class="{active: isActive('configuration'), hidden: isHidden('configuration')}">
 				<a ng-click="open('configuration')" class="clickable">
 					<span class="icon material-icons">settings</span>
-					Configuration
+					<span class="side-menu">Configuration</span>
 				</a>
 				<ul ng-show="isActive('configuration')">
 					<li ng-class="{active: isSubActive('bindings')}">
@@ -77,19 +77,19 @@
 			<li ng-class="{active: isActive('extensions'), hidden: isHidden('extensions')}">
 				<a href="#extensions">
 					<span class="icon material-icons">extension</span>
-					Extensions
+					<span class="side-menu">Extensions</span>
 				</a>
 			</li>
 			<li ng-class="{active: isActive('rules'), hidden: isHidden('rules')}">
 				<a href="#rules">
 					<span class="icon material-icons">movie_creation</span>
-					Rules
+					<span class="side-menu">Rules</span>
 				</a>
 			</li>
 			<li ng-class="{active: isActive('preferences'), hidden: isHidden('preferences')}">
 				<a href="#preferences">
 					<span class="icon material-icons">brightness_medium</span>
-					Preferences
+					<span class="side-menu">Preferences</span>
 				</a>
 			</li>
 		</ul>