Merge pull request #1521 from sudwebdesign/booking-confirmation-backg…

…round-by-theme Fix Booking confirmation background by theme css + DRY
alextselegidis · May 11, 2024 · 2efff06 · 2efff06
2 parents 09ac511 + 8bff8c0
commit 2efff06
Showing 1 changed file with 7 additions and 17 deletions.
diff --git a/assets/css/layouts/booking_layout.scss b/assets/css/layouts/booking_layout.scss
@@ -365,32 +365,22 @@ body {
 
 #message-frame,
 #success-frame {
-    background: #fff;
-    border: 1px solid #dddada;
-    padding: 70px;
-}
-
-#message-frame #message-icon,
-#success-frame #success-icon {
-    margin-top: 20px;
-    margin-right: 20px;
+    background: var(--bs-body-bg);
+    text-align: center;
+    height: auto;
+    border: none;
+    padding: 35px;
 }
 
 #message-frame .alert,
 #success-frame .alert {
     margin-top: 20px;
 }
 
-#message-frame,
-#success-frame {
-    text-align: center;
-    height: auto;
-    border: none;
-    padding: 35px;
-}
-
 #message-frame #message-icon,
 #success-frame #success-icon {
+    margin-top: 20px;
+    margin-right: 20px;
     width: 64px;
     display: block;
     margin: auto;