From b4fba7b3f0a83b9efef64e28a92f564f8724e0a4 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Fri, 25 Dec 2020 13:31:55 +0100
Subject: [PATCH] #46 Large map

---
 components/03_Organisms/osmMap/_osmMap.scss | 31 +++++++++++++++------
 public/main.css                             |  5 ++++
 2 files changed, 28 insertions(+), 8 deletions(-)

diff --git a/components/03_Organisms/osmMap/_osmMap.scss b/components/03_Organisms/osmMap/_osmMap.scss
index 687f6fa..65be25e 100644
--- a/components/03_Organisms/osmMap/_osmMap.scss
+++ b/components/03_Organisms/osmMap/_osmMap.scss
@@ -1,28 +1,43 @@
-.LP-Map{
+.LP-Map {
     margin-bottom: $-spacing-medium;
-    .ol-attribution{
+
+    &--wide {
+        height: 300px;
+    }
+
+    &--full {
+        height: 100%;
+        width: 100%;
+    }
+
+    .ol-attribution {
         font-family: $-primary-sans-serif-font;
         color: $-grey;
 
-        a{
+        a {
             color: $-light-brown;
 
-            &:hover, &:focus {
+            &:hover,
+            &:focus {
                 color: $-beige;
             }
         }
     }
 
-    .ol-zoom{
-        &-in, &-out{
+    .ol-zoom {
+
+        &-in,
+        &-out {
             background-color: $-light-brown;
-            &:hover, &:focus{
+
+            &:hover,
+            &:focus {
                 background-color: $-grey;
             }
         }
     }
 
-    .LP-Map__Popup{
+    .LP-Map__Popup {
         font-family: $-primary-sans-serif-font;
         color: $-grey;
         background-color: $-almost-white;
diff --git a/public/main.css b/public/main.css
index b8c6642..75eb8b8 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1701,6 +1701,11 @@ body {
 
 .LP-Map {
   margin-bottom: 25px; }
+  .LP-Map--wide {
+    height: 300px; }
+  .LP-Map--full {
+    height: 100%;
+    width: 100%; }
   .LP-Map .ol-attribution {
     font-family: "Montserrat", Helvetica, sans-serif;
     color: #565656; }