From 5b8841f3a3e3bb673a3834a3558d8d8f18e11311 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Wed, 2 Oct 2024 09:06:46 +0800
Subject: feat: beautify menu-item for alignment

---
 src/MenuItem.mjs     | 4 ++--
 src/css/dumbymap.css | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

(limited to 'src')

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index aabafb2..5d7fdc0 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -61,7 +61,7 @@ export const pickBlockItem = ({ blocks, utils }) =>
       (block, index) =>
         new Item({
           text:
-            `<strong>(${index})</strong>` +
+            `<strong style="display: inline-block; width: 2.5em;">(${index})</strong>` +
             block
               .querySelector('p')
               ?.textContent.substring(0, 15)
@@ -91,7 +91,7 @@ export const pickLayoutItem = ({ container, layouts }) =>
           }),
       ),
       new Item({
-        innerHTML: '<a href="https://github.com/outdoorsafetylab/dumbymap#layouts" style="display: block; padding: 0.5rem;">More...</a>',
+        innerHTML: '<a href="https://github.com/outdoorsafetylab/dumbymap#layouts" class="external" style="display: block; padding: 0.5rem;">More...</a>',
         style: 'padding: 0;'
       }),
     ],
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 50728fc..fd720fd 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -48,7 +48,8 @@ root {
   }
 }
 
-p a[href^='http']::after {
+p a[href^='http']::after,
+.external::after {
   content: '';
   display: inline-block;
   width: 11px;
@@ -276,10 +277,9 @@ p a[href^='http']::after {
   }
 
   .info {
-    display: inline-block;
     float: right;
 
-    padding-inline: 1em;
+    padding-inline: .5em;
 
     color: steelblue;
     font-weight: bold;
-- 
cgit v1.2.3-70-g09d2