Improve stock splits setup

apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html

@@ -580,38 +580,33 @@
                     </mat-datepicker-toggle>
                     <mat-datepicker #dateOfSplit />
                   </mat-form-field>
-                  <mat-form-field appearance="outline" class="mb-3 w-100">
+                  <div class="align-items-center d-flex mb-3">
-                    <mat-label i18n>Shares After</mat-label>
+                    <mat-form-field
-                    <input
+                      appearance="outline"
-                      formControlName="numerator"
+                      class="w-100 without-hint"
-                      matInput
-                      step="1"
-                      type="number"
-                    />
-                    <mat-hint
-                      ><ng-container i18n>Numerator</ng-container>,
-                      <ng-container i18n
-                        >e.g. 4 for a 4:1 split or 1 for a 1:10 reverse
-                        split</ng-container
-                      ></mat-hint
                     >
-                  </mat-form-field>
+                      <mat-label i18n>Shares After</mat-label>
-                  <mat-form-field appearance="outline" class="mb-3 w-100">
+                      <input
-                    <mat-label i18n>Shares Before</mat-label>
+                        formControlName="numerator"
-                    <input
+                        matInput
-                      formControlName="denominator"
+                        step="1"
-                      matInput
+                        type="number"
-                      step="1"
+                      />
-                      type="number"
+                    </mat-form-field>
-                    />
+                    <div class="mx-2">:</div>
-                    <mat-hint
+                    <mat-form-field
-                      ><ng-container i18n>Denominator</ng-container>,
+                      appearance="outline"
-                      <ng-container i18n
+                      class="w-100 without-hint"
-                        >e.g. 1 for a 4:1 split or 10 for a 1:10 reverse
-                        split</ng-container
-                      ></mat-hint
                     >
-                  </mat-form-field>
+                      <mat-label i18n>Shares Before</mat-label>
+                      <input
+                        formControlName="denominator"
+                        matInput
+                        step="1"
+                        type="number"
+                      />
+                    </mat-form-field>
+                  </div>
                   <div class="text-right">
                     <button
                       color="primary"