From 177a671c69a94c2cbad39ac802efd954fce1bae6 Mon Sep 17 00:00:00 2001
From: Zak Timson <zaktimson@gmail.com>
Date: Sat, 14 Jul 2018 11:56:56 -0400
Subject: [PATCH] Styled store categories

---
 src/app/store/categories.component.html | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/app/store/categories.component.html b/src/app/store/categories.component.html
index 1a43048..21a549f 100644
--- a/src/app/store/categories.component.html
+++ b/src/app/store/categories.component.html
@@ -1,13 +1,15 @@
-<div class="container">
-    <div class="row py-5">
-        <ng-container *ngFor="let c of categories | async">
-            <mat-card *ngIf="c.ready">
-                <img mat-card-image [src]="c.image | async" [alt]="c.name">
-                <mat-divider class="custom-line"></mat-divider>
-                <mat-card-content>
-                    <h3>{{c.name}}</h3>
-                </mat-card-content>
-            </mat-card>
-        </ng-container>
+<div class="container-fluid" style="background-color: #53709f;">
+    <div class="container">
+        <div class="row py-5">
+            <ng-container *ngFor="let c of categories | async">
+                <mat-card *ngIf="c.ready" class="m-3">
+                    <img mat-card-image [src]="c.image | async" [alt]="c.name" style="width: 200px; height: 200px;">
+                    <mat-divider class="custom-line"></mat-divider>
+                    <mat-card-content>
+                        <h5>{{c.name}}</h5>
+                    </mat-card-content>
+                </mat-card>
+            </ng-container>
+        </div>
     </div>
 </div>
\ No newline at end of file