3 files changed, 11 insertions, 13 deletions

diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 999dab5..d84ec2b 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -144,6 +144,7 @@ root {
 *:has(> nav) {
   /* FIXME Hide nav at proper time */
   display: none;
+  min-width: 120px;
   padding: 0.5rem;
 
   position: absolute;
@@ -155,7 +156,6 @@ root {
   border-radius: 0.5rem;
 
   background-color: white;
-  min-width: 120px;
 
   &:has(> nav:empty) {
     display: none;
@@ -220,13 +220,13 @@ root {
 }
 
 .Dumby {
+  overflow: visible;
   width: 100%;
   height: 100%;
   margin: 0 auto;
   padding: 0;
 
   position: relative;
-  overflow: visible;
 
   &::after {
     content: 'Layout: ' attr(data-layout);
@@ -335,10 +335,10 @@ root {
   .SemanticHtml,
   .Showcase {
     width: 50%;
+    min-width: 20%;
 
     position: absolute;
     top: 0;
-    min-width: 20%;
   }
 
   .SemanticHtml {
@@ -506,6 +506,10 @@ root {
 
   .dumby-block {
     overflow: scroll;
+    min-width: 5rem;
+    max-width: 25vw;
+    min-height: 5rem;
+    max-height: 50vh;
     margin: 0;
     padding-block: 1rem 0;
     padding-inline: 1rem;
@@ -517,10 +521,6 @@ root {
     border-radius: 0.5rem;
 
     resize: both;
-    min-width: 5rem;
-    max-width: 25vw;
-    min-height: 5rem;
-    max-height: 50vh;
 
     /* Remove indicator when inside draggable-block */
     &::before {
@@ -613,6 +613,8 @@ root {
 .menu {
   display: none;
   width: fit-content;
+  min-width: 10rem;
+  max-height: 40vh;
 
   position: absolute;
   z-index: 9999;
@@ -621,8 +623,6 @@ root {
   border-radius: 6px;
 
   background: white;
-  min-width: 10rem;
-  max-height: 40vh;
   overflow-y: scroll;
 }
 
diff --git a/src/css/index.css b/src/css/index.css
index b13a45d..3efd286 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -41,7 +41,6 @@ body {
 
       flex: 1 0 50%;
       max-width: calc(50% - 0.5em);
-
       height: 100%;
     }
   }
@@ -110,9 +109,9 @@ body {
   justify-content: space-between;
   align-items: center;
   height: fit-content;
+  min-height: 2rem;
 
   cursor: pointer;
-  min-height: 2rem;
   white-space: nowrap;
 
   &:not(:first-child) {
diff --git a/src/css/style.css b/src/css/style.css
index ecc7dd8..ce4d1ee 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -107,6 +107,7 @@ pre {
 
 pre:has(code) {
   display: block;
+  min-width: 400px;
   margin: 0 0 10px;
   padding: 9.5px;
 
@@ -118,7 +119,6 @@ pre:has(code) {
   color: #333;
   font-size: 13px;
   line-height: 1.4286;
-  min-width: 400px;
   word-break: break-all;
   word-wrap: break-word;
 
@@ -167,7 +167,6 @@ th {
 
 img {
   max-width: 100%;
-
   height: auto;
 }