3 files changed, 5 insertions, 5 deletions

diff --git a/assets/structure_1.jpg b/assets/structure_1.jpg
index b6d8be7..03e709d 100644
--- a/assets/structure_1.jpg
+++ b/assets/structure_1.jpg
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index f58cf22..ebd38d3 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -79,7 +79,7 @@
   margin-bottom: 3rem;
 }
 
-.DumbyMap {
+.Dumby {
   width: 100%;
   height: 100%;
   margin: 0 auto;
@@ -150,11 +150,11 @@
 
 }
 
-.DumbyMap[data-layout="normal"] {
+.Dumby[data-layout="normal"] {
   max-width: 60em;
 }
 
-.DumbyMap[data-layout="side-by-side"] {
+.Dumby[data-layout="side-by-side"] {
   .SemanticHtml,
   .Showcase {
     width: 50%;
@@ -212,7 +212,7 @@
   }
 }
 
-.DumbyMap[data-layout="overlay"] {
+.Dumby[data-layout="overlay"] {
   .SemanticHtml,
   .Showcase {
     display: block;
diff --git a/src/dumbymap.mjs b/src/dumbymap.mjs
index 79549ec..5f2fcc9 100644
--- a/src/dumbymap.mjs
+++ b/src/dumbymap.mjs
@@ -138,6 +138,7 @@ export const markdown2HTML = (container, mdContent) => {
 }
 // FIXME Don't use hard-coded CSS selector
 export const generateMaps = async (container, callback) => {
+  container.classList.add('Dumby')
   const htmlHolder = container.querySelector('.SemanticHtml') ?? container
   const showcase = document.createElement('div')
   container.appendChild(showcase)
@@ -150,7 +151,6 @@ export const generateMaps = async (container, callback) => {
     blocks: Array.from(htmlHolder.querySelectorAll('.dumby-block')),
   }
 
-  container.classList.add('DumbyMap')
   // LeaderLine {{{
 
   // Get anchors with "geo:" scheme