From dcb762e56e4bf1c2be3d5c9480b5dc3067c2dc96 Mon Sep 17 00:00:00 2001
From: Daniel Ponte <amigan@gmail.com>
Date: Mon, 17 Feb 2025 12:03:47 -0500
Subject: [PATCH] chart card

---
 client/stillbox/src/app/home/home.component.html |  3 +++
 client/stillbox/src/app/home/home.component.scss | 10 ++++++++++
 client/stillbox/src/app/home/home.component.ts   |  6 +++++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/client/stillbox/src/app/home/home.component.html b/client/stillbox/src/app/home/home.component.html
index 2978eca..0d52ac4 100644
--- a/client/stillbox/src/app/home/home.component.html
+++ b/client/stillbox/src/app/home/home.component.html
@@ -1 +1,4 @@
+<mat-card class="chart" appearance="outlined">
+    <div class="chartTitle">Calls By Week</div>
 <chart interval="week"></chart>
+</mat-card>
diff --git a/client/stillbox/src/app/home/home.component.scss b/client/stillbox/src/app/home/home.component.scss
index e69de29..c5f899c 100644
--- a/client/stillbox/src/app/home/home.component.scss
+++ b/client/stillbox/src/app/home/home.component.scss
@@ -0,0 +1,10 @@
+mat-card.chart {
+    width: 500px;
+    height: 400px;
+    margin: 30px 30px 40px 40px;
+}
+
+mat-card div {
+    padding-left: 10px;
+    padding-top: 10px;
+}
\ No newline at end of file
diff --git a/client/stillbox/src/app/home/home.component.ts b/client/stillbox/src/app/home/home.component.ts
index a215199..6435884 100644
--- a/client/stillbox/src/app/home/home.component.ts
+++ b/client/stillbox/src/app/home/home.component.ts
@@ -1,9 +1,13 @@
 import { Component } from '@angular/core';
 import { ChartsComponent } from '../charts/charts.component';
+import { MatCardModule } from '@angular/material/card';
 
 @Component({
   selector: 'app-home',
-  imports: [ChartsComponent],
+  imports: [
+    ChartsComponent,
+    MatCardModule,
+  ],
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss',
 })