From de1e62d22f52d46d4c84d530b1149ab4dbdb9bd9 Mon Sep 17 00:00:00 2001
From: Esther White <monacodelisa@gmail.com>
Date: Wed, 7 Feb 2024 23:50:00 +0200
Subject: [PATCH] for now

---
 .../src/app/components/home/home.component.css       | 12 +++++++++++-
 .../src/app/components/sidenav/sidenav.component.ts  |  7 +++++--
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/github-option-three-app/src/app/components/home/home.component.css b/github-option-three-app/src/app/components/home/home.component.css
index 1738d73..d9fe624 100644
--- a/github-option-three-app/src/app/components/home/home.component.css
+++ b/github-option-three-app/src/app/components/home/home.component.css
@@ -1,6 +1,16 @@
+:host {
+  max-width: 37vw;
+  min-height: 65vh;
+}
+
+h1 {
+  text-align: center;
+  line-height: 3rem;
+}
+
 .video-wrapper {
   display: flex;
-  margin: 1rem auto 0.3rem;
+  justify-content: center;
 
   iframe {
     width: 32rem;
diff --git a/github-option-three-app/src/app/components/sidenav/sidenav.component.ts b/github-option-three-app/src/app/components/sidenav/sidenav.component.ts
index 130a4fa..418b9e8 100644
--- a/github-option-three-app/src/app/components/sidenav/sidenav.component.ts
+++ b/github-option-three-app/src/app/components/sidenav/sidenav.component.ts
@@ -1,17 +1,20 @@
 import { Component, Input } from "@angular/core";
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { RouterOutlet, RouterLink, RouterLinkActive } from "@angular/router";
 import { ToolbarModule } from "primeng/toolbar";
 
 @Component({
 	selector: "app-sidenav",
 	standalone: true,
-	imports: [RouterOutlet, RouterLink, RouterLinkActive, ToolbarModule],
+	imports: [FormsModule, ReactiveFormsModule, RouterOutlet, RouterLink, RouterLinkActive, ToolbarModule],
 	templateUrl: "./sidenav.component.html",
 	styleUrl: "./sidenav.component.css",
 })
 export class SidenavComponent {
 	@Input() sidenavOpen: boolean = true;
 
+  date: Date[] | undefined;
+
 	items = [
 		{
 			label: "Home",
@@ -27,6 +30,6 @@ export class SidenavComponent {
 			label: "About Angular",
 			icon: "pi pi-shield",
 			route: "/about-angular",
-		},
+		}
 	];
 }