fix: button: fixes button height and min width in flex layouts (#95)

EightfoldAI · May 2, 2022 · 95e32a3 · 95e32a3
1 parent ef40ab6
commit 95e32a3
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/Button/button.module.scss b/src/components/Button/button.module.scss
@@ -55,6 +55,7 @@
     border-radius: $corner-radius-s;
     cursor: pointer;
     display: inline-block;
+    min-width: max-content;
     transition: all $motion-duration-extra-fast $motion-easing-easeinout 0s;
     white-space: nowrap;
 
@@ -142,6 +143,7 @@
     font-weight: $text-font-weight-semibold;
     font-size: $text-font-size-5;
     line-height: $text-line-height-3;
+    max-height: 44px;
 
     &.counter {
         font-size: $text-font-size-4;
@@ -162,6 +164,7 @@
     font-weight: $text-font-weight-semibold;
     font-size: $text-font-size-3;
     line-height: $text-line-height-2;
+    max-height: 36px;
 
     &.counter {
         font-size: $text-font-size-2;
@@ -183,6 +186,7 @@
     font-weight: $text-font-weight-semibold;
     font-size: $text-font-size-2;
     line-height: $text-line-height-1;
+    max-height: 28px;
 
     &.counter {
         font-size: $text-font-size-1;