Polymer 1.0: more info content style fixes

homeassistant/components/frontend/www_static/polymer/cards/state-card-thermostat.html

@@ -4,6 +4,10 @@
 
 <dom-module id="state-card-thermostat">
   <style>
+  :host {
+    line-height: normal;
+  }
+
   .state {
     margin-left: 16px;
     text-align: right;
@@ -18,6 +22,7 @@
   .current {
       color: darkgrey;
       margin-top: -2px;
+      font-size: 1rem;
   }
   </style>
   <template>

homeassistant/components/frontend/www_static/polymer/components/state-info.html

@@ -6,6 +6,10 @@
 
 <dom-module id="state-info">
   <style>
+  :host {
+    line-height: normal;
+  }
+
   state-badge {
     float: left;
   }
@@ -23,6 +27,7 @@
   .time-ago {
     color: darkgrey;
     margin-top: -2px;
+    font-size: 1rem;
   }
   </style>
 

homeassistant/components/frontend/www_static/polymer/more-infos/more-info-light.html

@@ -38,14 +38,12 @@
   </style>
   <template>
     <div class$='[[computeClassNames(stateObj)]]'>
-      <div class='brightness'>
-        <div center horizontal layout>
-          <div>Brightness</div>
-          <paper-slider
-            max='255' flex id='brightness' value='{{brightnessSliderValue}}'
-            on-change='brightnessSliderChanged'>
-          </paper-slider>
-        </div>
+      <div class='brightness center horizontal layout'>
+        <div>Brightness</div>
+        <paper-slider
+          max='255' id='brightness' value='{{brightnessSliderValue}}'
+          on-change='brightnessSliderChanged' class='flex'>
+        </paper-slider>
       </div>
 
       <color-picker on-colorselected='colorPicked' width='350' height='200'>

homeassistant/components/frontend/www_static/polymer/more-infos/more-info-thermostat.html

@@ -29,8 +29,8 @@
       </div>
 
       <div class='away-mode-toggle'>
-        <div center horizontal layout>
-          <div flex>Away Mode</div>
+        <div class='center horizontal layout'>
+          <div class='flex'>Away Mode</div>
           <paper-toggle-button checked='[[awayToggleChecked]]' on-change='toggleChanged'>
           </paper-toggle-button>
         </div>