style(ios): reducir un 10% el tamaño del segmento de navegación en iOS

src/app/home/home.page.scss

@@ -131,31 +131,29 @@
 
 .view-segment {
   background: var(--ion-background-color);
-  padding: 0;
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  padding: 10px;
+
+  :host-context(.ios) & {
+    padding: 6px 10px;
+  }
 
   ion-segment {
-    width: 100%;
-    margin: 0 auto;
+    :host-context(.ios) &,
+    &.ios {
+      min-height: 29px;
 
-    ion-segment-button {
-      flex: 1;
-      font-weight: 600;
-      font-size: 0.92rem;
-      min-height: 44px;
+      ion-segment-button {
+        min-height: 29px;
+        font-size: 0.9em;
+        --padding-start: 4px;
+        --padding-end: 4px;
+        --padding-top: 0;
+        --padding-bottom: 0;
+      }
     }
   }
 }
 
-:host-context(.ios) .view-segment ion-segment {
-  width: 90% !important;
-  max-width: 90% !important;
-  margin: 0 auto;
-}
-
 .card-header-flex {
   display: flex;
   justify-content: space-between;