Fix layout of history and logbook filters (#4963)

src/panels/history/ha-panel-history.js

@@ -41,7 +41,10 @@ class HaPanelHistory extends LocalizeMixin(PolymerElement) {
           margin-right: 16px;
           margin-top: 5px;
           --paper-input-container-label-floating: {
-            padding-bottom: 10px;
+            padding-bottom: 11px;
+          }
+          --paper-input-suffix: {
+            height: 24px;
           }
         }
 

src/panels/logbook/ha-panel-logbook.js

@@ -52,7 +52,7 @@ class HaPanelLogbook extends LocalizeMixin(PolymerElement) {
 
         .filters {
           display: flex;
-          align-items: center;
+          align-items: flex-end;
         }
 
         :host([narrow]) .filters {
@@ -73,7 +73,10 @@ class HaPanelLogbook extends LocalizeMixin(PolymerElement) {
           max-width: 100px;
           margin-right: 16px;
           --paper-input-container-label-floating: {
-            padding-bottom: 10px;
+            padding-bottom: 11px;
+          }
+          --paper-input-suffix: {
+            height: 24px;
           }
         }
 
@@ -92,6 +95,9 @@ class HaPanelLogbook extends LocalizeMixin(PolymerElement) {
           display: inline-block;
           flex-grow: 1;
           max-width: 400px;
+          --paper-input-suffix: {
+            height: 24px;
+          }
         }
 
         :host([narrow]) ha-entity-picker {

src/resources/ha-date-picker-style.js

@@ -6,7 +6,8 @@ documentContainer.innerHTML = `
   <template>
     <style>
       :host {
-        padding: 8px 0;
+        padding: 8px 0 11px 0;
+        margin: 0;
       }
 
       [part~="label"] {
@@ -35,6 +36,9 @@ documentContainer.innerHTML = `
 
       [part~="value"] {
         font-size: var(--paper-font-subhead_-_font-size);
+        height: 24px;
+        padding-top: 4px;
+        padding-bottom: 0;
       }
     </style>
   </template>