Chore: Moved from css to sass, god knows what to do now.

Chore: Prettier line length changed to 120 from 100
Fix: Hard coded the face as the primary color to make the buttons stand out

bookie/src/app/tax-report/tax-report.component.html

@@ -34,9 +34,7 @@
           <mat-datepicker-toggle matSuffix [for]="finishDate"></mat-datepicker-toggle>
           <mat-datepicker #finishDate></mat-datepicker>
         </mat-form-field>
-        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">
-          Show
-        </button>
+        <button mat-raised-button class="flex-auto basis-1/5" color="primary" (click)="show()">Show</button>
       </div>
     </form>
     <mat-table #table [dataSource]="dataSource" aria-label="Elements">
@@ -49,17 +47,13 @@
       <!-- Tax Rate Column -->
       <ng-container matColumnDef="taxRate">
         <mat-header-cell *matHeaderCellDef class="right">Rate</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{
-          row.taxRate | percent : '1.2-2'
-        }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.taxRate | percent : '1.2-2' }}</mat-cell>
       </ng-container>
 
       <!-- Sale Amount Column -->
       <ng-container matColumnDef="saleAmount">
         <mat-header-cell *matHeaderCellDef class="right">Sale</mat-header-cell>
-        <mat-cell *matCellDef="let row" class="right">{{
-          row.saleAmount | currency : 'INR'
-        }}</mat-cell>
+        <mat-cell *matCellDef="let row" class="right">{{ row.saleAmount | currency : 'INR' }}</mat-cell>
       </ng-container>
 
       <!-- Tax Amount Column -->