Migrate main view to app elements

src/components/ha-cards.html

@@ -10,15 +10,12 @@
     <style>
       :host {
         display: block;
+        background-color: #E5E5E5;
+        padding-top: 8px;
         padding-right: 8px;
       }
 
-      .no-badges {
-        height: 8px;
-      }
-
       .badges {
-        margin-top: 16px;
         font-size: 85%;
         text-align: center;
       }
@@ -61,9 +58,6 @@
           <ha-badges-card states='[[cards.badges]]' hass='[[hass]]'></ha-badges-card>
         </div>
       </template>
-      <template is='dom-if' if='[[!cards.badges]]'>
-        <div class='no-badges'> </div>
-      </template>
 
       <div class='horizontal layout center-justified'>
         <template is='dom-repeat' items='[[cards.columns]]' as='column'>

src/components/ha-label-badge.html

@@ -65,6 +65,7 @@
       font-weight: 300;
       overflow: hidden;
       text-overflow: ellipsis;
+      line-height: normal;
     }
 
     iron-image {

src/components/ha-view-tabs.html

@@ -6,6 +6,7 @@
   <template>
     <style>
       :host {
+        display: block;
         --paper-tabs-selection-bar-color: #FFF;
       }
       paper-tab {