fix(segment): height fits content (#16511)

* fix(segment): height fits content

* fix segment

Author: manucorporat

core/src/components/segment-button/segment-button.scss

@@ -46,7 +46,7 @@
   flex: 1 0 auto;
   flex-direction: column;
 
-  height: 100%;
+  height: auto;
 
   border-width: var(--border-width);
   border-style: var(--border-style);
@@ -92,7 +92,7 @@
 
   min-width: inherit;
   max-width: inherit;
-  height: 100%;
+  height: auto;
 
   min-height: inherit;
   max-height: inherit;

core/src/components/segment/segment.scss

@@ -8,7 +8,6 @@
 
   display: flex;
 
-  flex: 1;
   align-items: center;
   justify-content: center;
 

core/src/components/segment/test/bug/index.html

@@ -0,0 +1,16 @@
+<link href="../../../../../css/ionic.bundle.css" rel="stylesheet">
+<link href="../../../../../scripts/testing/styles.css" rel="stylesheet">
+<script src="../../../../../dist/ionic.js"></script>
+
+<ion-segment>
+  <ion-segment-button value="all" checked>
+    <ion-label>
+      All
+    </ion-label>
+  </ion-segment-button>
+  <ion-segment-button value="favorites">
+    <ion-label>
+      Favorites
+    </ion-label>
+  </ion-segment-button>
+</ion-segment>