From 6b083d4c4d7dec874c3d67cca176b9de97bd867a Mon Sep 17 00:00:00 2001
From: Hemna <waboring@hemna.com>
Date: Tue, 26 Sep 2023 10:47:53 -0400
Subject: [PATCH] Webchat: Fix chat css on older browsers

Some older browswers can't handle the new css syntax
for a subclass in the same css definition.
---
 aprsd/web/chat/static/css/chat.css | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/aprsd/web/chat/static/css/chat.css b/aprsd/web/chat/static/css/chat.css
index c8a837c..7971f01 100644
--- a/aprsd/web/chat/static/css/chat.css
+++ b/aprsd/web/chat/static/css/chat.css
@@ -12,9 +12,10 @@ input[type=search]::-webkit-search-cancel-button {
    display: flex;
    width: 100%;
    justify-content: flex-start;
-   &.alt {
+}
+
+.bubble-row.alt {
      justify-content: flex-end;
-   }
 }
 
 .bubble {
@@ -26,9 +27,10 @@ input[type=search]::-webkit-search-cancel-button {
     box-shadow: 2px 8px 5px #555;
     position: relative;
     margin: 0 0 15px;
-    &.alt {
+}
+
+.bubble.alt {
       margin: 0 0 15px;
-    }
 }
 
 .bubble-text {
@@ -48,9 +50,9 @@ input[type=search]::-webkit-search-cancel-button {
       font-weight: normal;
       color: #808080;
     }
-    &.alt {
+}
+.bubble-name.alt {
       color: #2ecc71;
-    }
 }
 
 .bubble-timestamp {
@@ -74,12 +76,14 @@ input[type=search]::-webkit-search-cancel-button {
   bottom:30px;
   left: -16px;
   height: 0px;
-  &.alt{
+}
+
+.bubble-arrow.alt {
     right: -2px;
     bottom: 30px;
     left: auto;
-  }
 }
+
 .bubble-arrow:after {
   content: "";
   position: absolute;