From 2ed3544e628c86f3bb28923a15a012e65bcdab80 Mon Sep 17 00:00:00 2001
From: Hsieh Chin Fan <pham@topo.tw>
Date: Tue, 1 Oct 2024 23:36:46 +0800
Subject: refactor: style for menu item

---
 src/MenuItem.mjs     | 3 +--
 src/css/dumbymap.css | 9 ++++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

(limited to 'src')

diff --git a/src/MenuItem.mjs b/src/MenuItem.mjs
index ff2e432..cb64f85 100644
--- a/src/MenuItem.mjs
+++ b/src/MenuItem.mjs
@@ -179,7 +179,7 @@ export const renderResults = ({ modal, modalContent }, map) =>
         printObject(
           result,
           modalContent,
-          `${result.func.name} <span class='align-right'>${loc}LOC\x20\x20\x20<span style='display: inline-block; width: 100px; color: ${color};'>${result.state}</span></span>`,
+          `${result.func.name} <span style='float: right;'>${loc}LOC\x20\x20\x20<span style='display: inline-block; width: 100px; color: ${color};'>${result.state}</span></span>`,
         );
       };
 
@@ -195,7 +195,6 @@ export const renderResults = ({ modal, modalContent }, map) =>
       // Add contents about render steps
       const renderHeading = document.createElement('h3');
       renderHeading.textContent = 'Render Steps';
-      renderHeading.style.marginTop = '1em';
       modalContent.appendChild(renderHeading);
       const renderSteps = map.renderer.results.filter(r => r.type === 'render');
       renderSteps.forEach(printDetails);
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index ccf4d6b..5af794e 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -324,6 +324,10 @@ p a[href^='http']::after {
   overflow-y: scroll;
   white-space: pre;
 
+  h3 {
+    margin-top: 1em;
+  }
+
   details {
     margin-bottom: 0.5em;
   }
@@ -349,11 +353,6 @@ p a[href^='http']::after {
 
     background: #f0f0f0;
   }
-
-  .align-right {
-    display: inline-block;
-    float: right;
-  }
 }
 
 .Dumby {
-- 
cgit v1.2.3-70-g09d2