unified css

src/components/EventPreview/index.module.scss

@@ -8,11 +8,9 @@
 .item {
     border: 1px solid black;
     border-radius: 15px;
-    width: 70vw;
-    max-width: 500px;
-    height: 10vh;
     margin: 3px auto;
     padding: 10px 25px;
+    height: 120px;
 }
 
 .location {

src/components/Map/MapControls.scss

@@ -3,6 +3,7 @@
 .ol-zoom-in,
 .ol-zoom-out {
     padding: 3px;
+    padding-top: 0;
     margin: 2px;
     background: $bggray;
     border: none;
@@ -10,6 +11,11 @@
     font-size: 1.2rem;
     width: 2rem;
     height: 2rem;
+    transition: background-color 0.3s ease;
+    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
+    &:hover {
+        background-color: $bghover;
+    }
 }
 
 .ol-rotate {