Back to table / product group order changed to have the back button in the beginning

The bill now highlights the happy hour products.

bookie/src/app/sales/products/products.component.html

@@ -1,5 +1,14 @@
 <mat-card>
   <mat-card-content fxLayout="row wrap" fxLayoutGap="grid 20px">
+    <mat-card
+      fxLayout="column"
+      class="square-button red700"
+      matRipple
+      [routerLink]="['../../menu-categories']"
+      queryParamsHandling="preserve"
+    >
+      <h3 class="item-name">Back</h3>
+    </mat-card>
     <mat-card
       fxLayout="column"
       class="square-button"
@@ -12,14 +21,5 @@
       <h3 class="item-name">{{ item.name }}</h3>
       <mat-card-subtitle class="center">{{ item.price | currency: 'INR' }}</mat-card-subtitle>
     </mat-card>
-    <mat-card
-      fxLayout="column"
-      class="square-button red700"
-      matRipple
-      [routerLink]="['../../menu-categories']"
-      queryParamsHandling="preserve"
-    >
-      <h3 class="item-name">Back</h3>
-    </mat-card>
   </mat-card-content>
 </mat-card>