From 9a1d317b08e8d1f244aace653d174d3627d4c0b3 Mon Sep 17 00:00:00 2001
From: Darren Griffin <darren.griffin@live.co.uk>
Date: Wed, 16 Apr 2025 11:26:28 +0100
Subject: [PATCH] Fix alert spacing issues (#38569)

---
 sass/homeassistant/plugins/_alert.scss | 31 ++++++++++++++++----------
 1 file changed, 19 insertions(+), 12 deletions(-)

diff --git a/sass/homeassistant/plugins/_alert.scss b/sass/homeassistant/plugins/_alert.scss
index 39e6e115088..36c71a8b42f 100644
--- a/sass/homeassistant/plugins/_alert.scss
+++ b/sass/homeassistant/plugins/_alert.scss
@@ -1,55 +1,62 @@
 div.alert {
+  background: #e7f2fa;
+  border-radius: 16px;
+  margin-bottom: 24px;
+  padding: 20px 24px 20px 24px;
   position: relative;
 
-  background: #e7f2fa;
-
-  padding: 20px 24px 20px 24px;
-  margin-bottom: 24px;
-  border-radius: 16px;
+  >*:last-of-type {
+    margin-bottom: 0;
+  }
 
   p {
-    margin-bottom: 0px;
     &.alert-title {
       font-weight: bold;
       line-height: 1.5em;
     }
+
     &.alert-content {
       padding: 6px;
     }
   }
 
   &.alert-note {
+    background-color: #e7f2fa;
+
     p.alert-title {
       color: #6ab0de;
     }
-    background-color: #e7f2fa;
   }
 
   &.alert-tip {
+    background-color: #e6f4ea;
+
     p.alert-title {
       color: #4caf50;
     }
-    background-color: #e6f4ea;
   }
 
   &.alert-important {
+    background-color: #ede7f6;
+
     p.alert-title {
       color: #7e57c2;
     }
-    background-color: #ede7f6;
   }
 
   &.alert-warning {
+    background-color: #f7f9e1;
+
     p.alert-title {
       color: rgb(187, 185, 13);
     }
-    background-color: #f7f9e1;
   }
 
   &.alert-caution {
+    background-color: #fdecea;
+
     p.alert-title {
       color: #d32f2f;
     }
-    background-color: #fdecea;
   }
-}
+}
\ No newline at end of file