From 835819f443baecd2220db9bb8a80fb0e43bede3d Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Sun, 15 Sep 2024 12:43:20 +0800
Subject: feat(CSS): Set padding for each element in draggable block

---
 src/css/dumbymap.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

(limited to 'src')

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 876d980..bbbd38c 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -148,11 +148,14 @@
       max-width: 25vw;
       overflow: scroll;
       border: solid gray;
-      padding: 0.3rem;
       padding-top: 0.5rem;
       padding-bottom: 0;
       resize: both;
 
+      * {
+        padding-inline: 0.5rem;
+      }
+
       &[style*="height"],
       &[style*="width"] {
         max-height: unset;
@@ -161,23 +164,24 @@
 
       .map-container {
         min-width: 200px;
+        padding-inline: 0;
       }
 
       .draggable {
-        width: 100%;
         display: block;
         top: 0;
-        left: 0;
         position: sticky;
+        background-color: white;
         margin-bottom: -18px;
-        opacity: 0.3;
         transform: translate(0, -16px);
+        width: 100%;
+        padding-inline: 0;
         text-align: center;
         z-index: 100;
         transition: all 0.3s ease-out;
         &:hover {
-          background-color: lightgray;
-          padding-top: 1em;
+          background-color: #f1f1f1;
+          padding-block: 1em 0.5em;
         }
       }
     }
-- 
cgit v1.2.3-70-g09d2