Fix add top badge position

home-assistant · Feb 17, 2025 · 702de26 · 702de26
1 parent 7235d01
commit 702de26
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/src/panels/lovelace/sections/hui-heading-section.ts b/src/panels/lovelace/sections/hui-heading-section.ts
@@ -217,6 +217,26 @@ export class HeadingSection
           }
         }
 
+        .layout.badges-top {
+          flex-direction: column-reverse;
+        }
+
+        .layout.badges-top.has-badges {
+          margin-top: 0;
+        }
+
+        .layout.badges-top.extra-space {
+          margin-top: var(--spacing);
+        }
+
+        @media (min-width: 768px) {
+          .layout.responsive.badges-top.has-heading {
+            flex-direction: row;
+            align-items: flex-start;
+            margin-top: var(--spacing);
+          }
+        }
+
         .container.edit-mode {
           padding: 8px;
           border-radius: var(--ha-card-border-radius, 12px);