From f675dd3388db30197261f7f17bdeba2067d9df5b Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Fri, 9 May 2025 12:00:06 +0200
Subject: [PATCH] Fix width of device in create entry step (#25392)

---
 src/dialogs/config-flow/step-flow-create-entry.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/dialogs/config-flow/step-flow-create-entry.ts b/src/dialogs/config-flow/step-flow-create-entry.ts
index 327b5b783a..eac44ccff9 100644
--- a/src/dialogs/config-flow/step-flow-create-entry.ts
+++ b/src/dialogs/config-flow/step-flow-create-entry.ts
@@ -316,6 +316,12 @@ class StepFlowCreateEntry extends LitElement {
           overflow-y: auto;
           flex-direction: column;
         }
+        @media all and (max-width: 450px), all and (max-height: 500px) {
+          .devices {
+            /* header - margin content - footer */
+            max-height: calc(100vh - 52px - 20px - 52px);
+          }
+        }
         .device {
           border: 1px solid var(--divider-color);
           padding: 6px;
@@ -352,11 +358,6 @@ class StepFlowCreateEntry extends LitElement {
           margin-inline-start: auto;
           margin-inline-end: initial;
         }
-        @media all and (max-width: 450px), all and (max-height: 500px) {
-          .device {
-            width: 100%;
-          }
-        }
         .error {
           color: var(--error-color);
         }