mobile style css

home-assistant · Dec 22, 2024 · fd8557c · fd8557c
1 parent 0e67e8f
commit fd8557c
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts
@@ -349,7 +349,6 @@ export class HaDateRangePicker extends LitElement {
 
   static get styles(): CSSResultGroup {
     return css`
-
       ha-icon-button {
         direction: var(--direction);
       }
@@ -376,21 +375,21 @@ export class HaDateRangePicker extends LitElement {
         width: 340px;
       }
       @media only screen and (max-width: 460px) {
-      ha-textarea {
-        width: 100%
+        ha-textarea {
+          width: 100%;
+        }
       }
-
       @media only screen and (max-width: 800px) {
         .date-range-ranges {
           border-right: none;
           border-bottom: 1px solid var(--divider-color);
         }
       }
 
-      @media only screen and (max-height: 900px) and (max-width: 800px) {
+      @media only screen and (max-height: 920px) and (max-width: 800px) {
         .date-range-ranges {
           overflow: scroll;
-          max-height: 270px;
+          max-height: calc(70vh - 350px);
         }
       }
     `;