From 4c55e46a919a5347555a2e29c4da8b89658d4a41 Mon Sep 17 00:00:00 2001
From: Lorin Werthen <werthenlorin@gmail.com>
Date: Sat, 16 Dec 2017 18:49:56 +0100
Subject: [PATCH] everything is a box now

---
 content/assets/stylesheets/includes/eventpage.scss | 14 ++++++++++++++
 layouts/eventpost.erb                              |  4 +++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/content/assets/stylesheets/includes/eventpage.scss b/content/assets/stylesheets/includes/eventpage.scss
index 733f2dc..338e243 100644
--- a/content/assets/stylesheets/includes/eventpage.scss
+++ b/content/assets/stylesheets/includes/eventpage.scss
@@ -45,3 +45,17 @@
 .nav-menu {
   background: none;
 }
+
+.map-wrapper {
+  border-radius: 20px;
+  overflow: hidden;
+  position: relative;
+  height: 400px;
+
+  padding: 0;
+
+  iframe {
+    height: 100%;
+    width: 100%;
+  }
+}
diff --git a/layouts/eventpost.erb b/layouts/eventpost.erb
index b5674fe..0c1fd35 100644
--- a/layouts/eventpost.erb
+++ b/layouts/eventpost.erb
@@ -77,7 +77,9 @@
       </div>
 
       <!-- GOOGLE MAPS -->
-      <iframe height="400" style="width:100%" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
+      <div class="map-wrapper box">
+        <iframe height="400" style="width:100%" src="<%= locationlink item[:locationlink] %>" allowfullscreen> </iframe>
+      </div>
       <!-- END GOOGLE MAPS -->
 
     </div>