From 01f8345c52c00066f652e6c991f2fbed9711bd4d Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Mon, 3 Aug 2026 17:48:08 +0200
Subject: [PATCH] Improve stock splits setup

---
 .../asset-profile-dialog.html                 | 55 +++++++++----------
 1 file changed, 25 insertions(+), 30 deletions(-)

diff --git a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html b/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
index f5df34ab47..795f4cb034 100644
--- a/apps/client/src/app/components/admin-market-data/asset-profile-dialog/asset-profile-dialog.html
+++ b/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">
-                    <mat-label i18n>Shares After</mat-label>
-                    <input
-                      formControlName="numerator"
-                      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
+                  <div class="align-items-center d-flex mb-3">
+                    <mat-form-field
+                      appearance="outline"
+                      class="w-100 without-hint"
                     >
-                  </mat-form-field>
-                  <mat-form-field appearance="outline" class="mb-3 w-100">
-                    <mat-label i18n>Shares Before</mat-label>
-                    <input
-                      formControlName="denominator"
-                      matInput
-                      step="1"
-                      type="number"
-                    />
-                    <mat-hint
-                      ><ng-container i18n>Denominator</ng-container>,
-                      <ng-container i18n
-                        >e.g. 1 for a 4:1 split or 10 for a 1:10 reverse
-                        split</ng-container
-                      ></mat-hint
+                      <mat-label i18n>Shares After</mat-label>
+                      <input
+                        formControlName="numerator"
+                        matInput
+                        step="1"
+                        type="number"
+                      />
+                    </mat-form-field>
+                    <div class="mx-2">:</div>
+                    <mat-form-field
+                      appearance="outline"
+                      class="w-100 without-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"