added button min-width

Author: BenOsodrac

core/src/components/button/button.ionic.scss

@@ -104,6 +104,7 @@
   @include globals.typography(globals.$ion-body-action-sm);
 
   min-height: #{globals.$ion-scale-1000};
+  min-width: globals.$ion-scale-1600;
 }
 
 /* Medium Button */
@@ -113,6 +114,7 @@
   @include globals.typography(globals.$ion-body-action-md);
 
   min-height: #{globals.$ion-scale-1200};
+  min-width: globals.$ion-scale-1800;
 }
 
 /* Large Button */
@@ -122,29 +124,32 @@
   @include globals.typography(globals.$ion-body-action-lg);
 
   min-height: #{globals.$ion-scale-1400};
+  min-width: globals.$ion-scale-2000;
 }
 
 // Button with Icons
 // -------------------------------------------------------------------------------
-
-/* Button containing only an icon */
-::slotted(ion-icon[slot="start"]),
-::slotted(ion-icon[slot="end"]),
-::slotted(ion-icon[slot="icon-only"]) {
-  font-size: globals.$ion-font-size-400;
+:host(.button-small) {
+  ::slotted(ion-icon[slot="start"]),
+  ::slotted(ion-icon[slot="end"]),
+  ::slotted(ion-icon[slot="icon-only"]) {
+    height: globals.$ion-scale-500;
+    width: globals.$ion-scale-500;
+  }
 }
 
-:host(.button-small),
 :host(.button-large) {
   ::slotted(ion-icon[slot="start"]),
   ::slotted(ion-icon[slot="end"]),
   ::slotted(ion-icon[slot="icon-only"]) {
-    font-size: inherit;
+    height: globals.$ion-scale-600;
+    width: globals.$ion-scale-600;
   }
 }
 
 :host(.button-has-icon-only) {
   --padding-end: var(--padding-top);
+  min-width: unset;
 
   aspect-ratio: 1 / 1;
 }