From 3aa612b766f27f1ccdf50babaefca65f4e1e091a Mon Sep 17 00:00:00 2001
From: Bram Kragten <mail@bramkragten.nl>
Date: Wed, 27 Dec 2023 13:22:36 +0100
Subject: [PATCH] Todo list layout fixes (#19150)

---
 src/panels/calendar/dialog-calendar-event-editor.ts | 8 +++++---
 src/panels/todo/dialog-todo-item-editor.ts          | 8 +++++---
 src/panels/todo/ha-panel-todo.ts                    | 3 ++-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/panels/calendar/dialog-calendar-event-editor.ts b/src/panels/calendar/dialog-calendar-event-editor.ts
index 2cd0bb0f5d..fd665a1dc8 100644
--- a/src/panels/calendar/dialog-calendar-event-editor.ts
+++ b/src/panels/calendar/dialog-calendar-event-editor.ts
@@ -584,9 +584,11 @@ class DialogCalendarEventEditor extends LitElement {
     return [
       haStyleDialog,
       css`
-        ha-dialog {
-          --mdc-dialog-min-width: min(600px, 95vw);
-          --mdc-dialog-max-width: min(600px, 95vw);
+        @media all and (min-width: 450px and min-height: 500px) {
+          ha-dialog {
+            --mdc-dialog-min-width: min(600px, 95vw);
+            --mdc-dialog-max-width: min(600px, 95vw);
+          }
         }
         state-info {
           line-height: 40px;
diff --git a/src/panels/todo/dialog-todo-item-editor.ts b/src/panels/todo/dialog-todo-item-editor.ts
index 3dd4782df6..cd8516a2b5 100644
--- a/src/panels/todo/dialog-todo-item-editor.ts
+++ b/src/panels/todo/dialog-todo-item-editor.ts
@@ -377,9 +377,11 @@ class DialogTodoItemEditor extends LitElement {
     return [
       haStyleDialog,
       css`
-        ha-dialog {
-          --mdc-dialog-min-width: min(600px, 95vw);
-          --mdc-dialog-max-width: min(600px, 95vw);
+        @media all and (min-width: 450px and min-height: 500px) {
+          ha-dialog {
+            --mdc-dialog-min-width: min(600px, 95vw);
+            --mdc-dialog-max-width: min(600px, 95vw);
+          }
         }
         ha-alert {
           display: block;
diff --git a/src/panels/todo/ha-panel-todo.ts b/src/panels/todo/ha-panel-todo.ts
index d781fb38f0..0023cf105b 100644
--- a/src/panels/todo/ha-panel-todo.ts
+++ b/src/panels/todo/ha-panel-todo.ts
@@ -361,6 +361,7 @@ class PanelTodo extends LitElement {
           flex-direction: row;
           justify-content: center;
           margin: 8px;
+          padding-bottom: 70px;
         }
         .column {
           flex: 1 0 0;
@@ -411,7 +412,7 @@ class PanelTodo extends LitElement {
           display: block;
         }
         ha-fab {
-          position: absolute;
+          position: fixed;
           right: 16px;
           bottom: 16px;
         }