From fd8557c84f81771e8946f3bffb176b1f95139195 Mon Sep 17 00:00:00 2001
From: boern99 <boern99@gmail.com>
Date: Sun, 22 Dec 2024 10:57:22 +0000
Subject: [PATCH] mobile style css

---
 src/components/ha-date-range-picker.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/ha-date-range-picker.ts b/src/components/ha-date-range-picker.ts
index d0f88a218a80..d058e8685e4d 100644
--- 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,10 +375,10 @@ 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;
@@ -387,10 +386,10 @@ export class HaDateRangePicker extends LitElement {
         }
       }
 
-      @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);
         }
       }
     `;