From bc874dac0a28f5a51a7118f4d72889eed8d388ce Mon Sep 17 00:00:00 2001
From: Zoey007 <msguiyuzhao@gmail.com>
Date: Thu, 22 Nov 2018 16:46:53 -0800
Subject: [PATCH] updated style for google map and event list

---
 assets/css/style.css | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index bebc9a1..c1be0d2 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -94,7 +94,6 @@ main {
   margin: 0px 5px;
 }
 
-
 /* Eventful Logo */
 
 .eventful-badge,
@@ -343,16 +342,39 @@ a:active {
   }
 
   #event-list {
-    width: 63%;
+    width: 100%;
     margin-left: 0;
   }
 
+  .event-item {
+    width: 40%;
+    min-height: 404px;
+  }
+
+  #mapDisplay {
+    position: fixed !important;
+    top: 310px;
+    right: 15px;
+    width: 100px;
+    height: 150px !important;
+    z-index: 100;
+  }
+}
+
+@media (max-width: 630px) {
+  .event-item {
+    width: 90%;
+    margin-left: 5%;
+    min-height: 0;
+    height: auto;
+  }
+
   #mapDisplay {
     position: fixed !important;
-    bottom: 110px;
+    top: 345px;
     right: 15px;
-    width: 120px;
-    height: 180px !important;
+    width: 100px;
+    height: 150px !important;
     z-index: 100;
   }
 }