fix: [CSS] change button behaviour from flex to inline-flex.

Regular button in HTML use inline-block, with inline-flex the similar behaviour is guaranteed
n8design · Nov 8, 2023 · 79355db · 79355db
1 parent 2d6c247
commit 79355db
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/htwoo-core/src/_patterns/organism/dialogs/generic-dialog.hbs b/htwoo-core/src/_patterns/organism/dialogs/generic-dialog.hbs
@@ -5,8 +5,8 @@
 {{> atoms-button-primary }}
 {{/modal-dialog}}
 
-<button id="btn-dialog">Show Dialog (position: absolute)</button>
-<button id="btn-modal-dialog">Show Modal Dialog (position: fixed)</button>
+<button>Hello world</button><button>Hello world</button>
+
 <dialog id="myDialog" class="hoo-dlg msg">
     Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis non officia vel aliquid impedit, nam at minima, fugit
     necessitatibus ab perferendis illum corrupti ratione ea nihil, doloremque consectetur corporis dolorem?

diff --git a/htwoo-core/src/css/htwoo.min.css b/htwoo-core/src/css/htwoo.min.css
diff --git a/htwoo-core/src/css/style.css b/htwoo-core/src/css/style.css
diff --git a/htwoo-core/src/css/style.prod.css b/htwoo-core/src/css/style.prod.css
diff --git a/htwoo-core/src/styles/01-atoms/buttons/_buttons.scss b/htwoo-core/src/styles/01-atoms/buttons/_buttons.scss
@@ -2,7 +2,7 @@
 @use "../../00-base/mixin/core.mixin";
 
 .hoo-button {
-	display: flex;
+	display: inline-flex;
 	justify-content: center;
 
 	padding: 0 1rem;