refactor(front): alter final approval form layout so tags can fit better

momentum-mod · Dec 24, 2024 · af10b73 · af10b73
1 parent db11979
commit af10b73
Showing 1 changed file with 26 additions and 28 deletions.
diff --git a/...ntend/src/app/components/map-forms/map-status-form/map-final-approval-form.component.html b/...ntend/src/app/components/map-forms/map-status-form/map-final-approval-form.component.html
@@ -42,36 +42,34 @@
                   } @else {
                     <span class="row-span-2"></span>
                   }
+                </div>
 
-                  <div class="row-span-2 mt-auto flex items-center gap-4">
-                    <p class="mr-auto text-sm font-medium text-gray-200">Final Values</p>
-
-                    <p [ngClass]="{ 'opacity-50': leaderboard.type === LeaderboardType.HIDDEN }">Tier</p>
-                    <input
-                      type="number"
-                      class="textinput w-16 px-2"
-                      min="1"
-                      [(ngModel)]="leaderboard.tier"
-                      max="10"
-                      step="1"
-                      (change)="onChange(value)"
-                      [disabled]="leaderboard.type === LeaderboardType.HIDDEN"
-                    />
+                <div class="flex items-center gap-4">
+                  <p [ngClass]="{ 'opacity-50': leaderboard.type === LeaderboardType.HIDDEN }">Tier</p>
+                  <input
+                    type="number"
+                    class="textinput w-16 px-2"
+                    min="1"
+                    [(ngModel)]="leaderboard.tier"
+                    max="10"
+                    step="1"
+                    (change)="onChange(value)"
+                    [disabled]="leaderboard.type === LeaderboardType.HIDDEN"
+                  />
 
-                    <p>Type</p>
-                    <p-dropdown
-                      class="w-32"
-                      type="radio"
-                      [(ngModel)]="leaderboard.type"
-                      [options]="LeaderboardTypeDropdown"
-                      optionValue="type"
-                      optionLabel="label"
-                      placeholder="Select Type"
-                      [disabled]="disabled"
-                      (onChange)="onChange(value)"
-                      appendTo="body"
-                    />
-                  </div>
+                  <p>Type</p>
+                  <p-dropdown
+                    class="w-32"
+                    type="radio"
+                    [(ngModel)]="leaderboard.type"
+                    [options]="LeaderboardTypeDropdown"
+                    optionValue="type"
+                    optionLabel="label"
+                    placeholder="Select Type"
+                    [disabled]="disabled"
+                    (onChange)="onChange(value)"
+                    appendTo="body"
+                  />
                 </div>
               </div>
               @if (leaderboard.averageTier) {