Add styling for demo button and username appearance

djmiller1008 · Apr 15, 2023 · 14d1544 · 14d1544
1 parent 1451c9a
commit 14d1544
Showing 1 changed file with 18 additions and 1 deletion.
diff --git a/travelapp/static/travelapp/styles.css b/travelapp/static/travelapp/styles.css
@@ -540,7 +540,6 @@ footer {
 
 .currency-div {
     display: flex;
-
 }
 
 .currency-section {
@@ -573,6 +572,17 @@ footer {
     font-size: 2.5rem;
 }
 
+.demo-button {
+    background: none;
+    border: none;
+    font-weight: 600;
+}
+
+.username {
+    display: block;
+    color: rgba(0,0,0,.5);
+    padding: 0.5rem;
+}
 
 
 @keyframes spin {
@@ -733,4 +743,11 @@ footer {
         flex-direction: column;
         margin: 0.5rem;
     }
+}
+
+@media (max-width: 992px) {
+    .username {
+        padding-left: 0;
+        padding-right: 0;
+    }
 }