1 files changed, 84 insertions, 0 deletions
diff --git a/frontend/styles/pages/map.sass b/frontend/styles/pages/map.sass
new file mode 100644
index 0000000..ddfefcb
--- /dev/null
+++ b/frontend/styles/pages/map.sass
@@ -0,0 +1,84 @@
+@use '../colors'
+
+// Leaflet cursor over the map
+.leaflet-container
+    cursor: crosshair !important
+    &.leaflet-drag-target
+        cursor: grab !important
+
+.g-Map
+    display: flex
+    flex-flow: column
+    height: 100%
+
+    .leaflet-container
+        flex-grow: 1
+        min-height: 0
+
+    &__Footer
+        display: flex
+        align-items: center
+        justify-content: space-between
+        line-height: 3rem
+        background-color: colors.$black
+        color: white
+        padding: 0 1rem
+
+    &__FooterButtons
+        display: flex
+        gap: 1rem
+
+.g-ContextMenu
+    z-index: 1000
+    position: absolute
+    background-color: white
+    border-radius: var(--context-menu-border-radius)
+    border: 1px solid #333333
+    $border-radius: 2px;
+
+    &__Entry:first-child
+        border-top-left-radius: $border-radius
+        border-top-right-radius: $border-radius
+
+    &__Entry:last-child
+        border-bottom-left-radius: $border-radius
+        border-bottom-right-radius: $border-radius
+
+    &__Entry
+        padding: 0.5rem 1rem
+
+        &:hover
+            background-color: #DDDDDD
+            cursor: pointer
+
+/* Marker icon */
+
+.g-Marker
+    position: relative
+    width: 100%
+    height: 100%
+
+    &__Base
+        position: absolute
+        width: 25px
+        bottom: calc(50%)
+        left: 50%
+        transform: translateX(-50%)
+
+    &__Icon
+        position: absolute
+        bottom: 25px
+        display: flex
+        width: 12px
+        height: 12px
+
+    &__Title
+        position: absolute
+        bottom: 47px
+        line-height: 0.8rem
+        left: 50%
+        transform: translateX(-50%)
+        color: black
+        font-weight: bold
+        text-align: center
+        width: 100px