feat: beautify menu-item for alignment

2 files changed, 5 insertions, 5 deletions

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;