From faea622ffc4ac34022783f0bc559cda48a985aa8 Mon Sep 17 00:00:00 2001
From: tanshu <git@tanshu.com>
Date: Wed, 27 Jan 2021 09:20:52 +0530
Subject: [PATCH] Fix: The look of the incentive component

---
 .../app/incentive/incentive.component.html    | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/overlord/src/app/incentive/incentive.component.html b/overlord/src/app/incentive/incentive.component.html
index 2c5f21a6..ba7e01ca 100644
--- a/overlord/src/app/incentive/incentive.component.html
+++ b/overlord/src/app/incentive/incentive.component.html
@@ -52,10 +52,16 @@
 
         <!-- Points Column -->
         <ng-container matColumnDef="points">
-          <mat-header-cell *matHeaderCellDef class="center" fxFlex>Service Points</mat-header-cell>
-          <mat-cell *matCellDef="let row; let i = index" class="center" [formGroupName]="i" fxFlex>
-            <mat-form-field>
-              <button matPrefix (click)="less(row, i)">
+          <mat-header-cell *matHeaderCellDef class="center">Service Points</mat-header-cell>
+          <mat-cell *matCellDef="let row; let i = index" class="center" [formGroupName]="i">
+            <mat-form-field fxFlex="80%">
+              <button
+                mat-stroked-button
+                mat-icon-button
+                color="warn"
+                matPrefix
+                (click)="less(row, i)"
+              >
                 <mat-icon>remove</mat-icon>
               </button>
               <input
@@ -63,8 +69,15 @@
                 formControlName="points"
                 autocomplete="off"
                 (change)="change(row, i)"
+                fxFlex="80%"
               />
-              <button matSuffix color="warn" (click)="more(row, i)">
+              <button
+                mat-stroked-button
+                mat-icon-button
+                color="primary"
+                matSuffix
+                (click)="more(row, i)"
+              >
                 <mat-icon>add</mat-icon>
               </button>
             </mat-form-field>