Fix width of create section button (#20015)

home-assistant · Mar 7, 2024 · d9ab9db · d9ab9db
1 parent 58a6075
commit d9ab9db
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/panels/lovelace/views/hui-sections-view.ts b/src/panels/lovelace/views/hui-sections-view.ts
@@ -247,13 +247,16 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
         text-align: center;
       }
 
-      .section {
+      .container > * {
         position: relative;
-        border-radius: var(--ha-card-border-radius, 12px);
         max-width: var(--grid-section-max-width);
         width: 100%;
       }
 
+      .section {
+        border-radius: var(--ha-card-border-radius, 12px);
+      }
+
       .container {
         --max-count: min(var(--section-count), var(--grid-max-section-count));
         --max-width: min(
@@ -318,9 +321,9 @@ export class SectionsView extends LitElement implements LovelaceViewElement {
         border-radius: var(--ha-card-border-radius, 12px);
         border: 2px dashed var(--primary-color);
         order: 1;
-        height: 66px;
+        height: calc(66px + (8px + 2px) * 2);
         padding: 8px;
-        box-sizing: content-box;
+        box-sizing: border-box;
       }
 
       .create:focus {