From 8552146c8d7d3842be55cb9d336a3caa8fcaaa03 Mon Sep 17 00:00:00 2001
From: Hippo <badrihippo@gmail.com>
Date: Tue, 19 Nov 2019 14:17:10 +0530
Subject: [PATCH] Update banner to work better on mobile

---
 src/styles/app.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/styles/app.css b/src/styles/app.css
index 8c61e38..6689a70 100644
--- a/src/styles/app.css
+++ b/src/styles/app.css
@@ -952,9 +952,7 @@ h6 {
     right: 0;
     bottom: 0;
     display: flex;
-    max-height: 33vh;
-    max-height: 15rem;
-    display: flex;
+    flex-wrap: wrap;
 }
 .bottom-banner:hover {
     cursor: pointer;
@@ -980,6 +978,7 @@ h6 {
     flex: 0 0 3rem;
     background: white;
     color: #FF7700;
+    margin-left: auto;
 }
 .bottom-banner .close-button:hover {
     text-decoration: none;
@@ -988,7 +987,10 @@ h6 {
 .bottom-banner .banner-image {
     display: flex;
     flex-flow: nowrap;
-    justify-content: flex-end;
+    justify-content: center;
+    max-height: 10rem;
+    flex: 1 1 0;
+    margin-left: auto;
 }
 .bottom-banner .banner-image img {
     max-height: 100%;
@@ -998,7 +1000,7 @@ h6 {
 }
 
 .bottom-banner .banner-content {
-    flex: 1 1 100%;
+    flex: 1 1 auto;
     margin-left: 1rem;
 }