From 00ab612d0b46ff70f4f4b7a13010829c0571e727 Mon Sep 17 00:00:00 2001
From: ztimson <zaktimson@gmail.com>
Date: Fri, 15 Dec 2023 16:31:01 -0500
Subject: [PATCH] mobile fixes

---
 .../components/footer/footer.component.html   |  5 ++--
 .../components/toolbar/toolbar.component.html | 28 +++++++++++++------
 .../coming-soon/coming-soon.component.html    |  6 ++--
 .../view/not-found/not-found.component.html   |  4 +--
 4 files changed, 26 insertions(+), 17 deletions(-)

diff --git a/src/app/components/footer/footer.component.html b/src/app/components/footer/footer.component.html
index 252e449..9468e08 100644
--- a/src/app/components/footer/footer.component.html
+++ b/src/app/components/footer/footer.component.html
@@ -1,5 +1,5 @@
 <footer class="w-100 text-white app-footer">
-	<div class="bg-dark p-3">
+	<div class="bg-dark p-3 pt-4">
 		<div class="d-flex flex-column flex-sm-row flex-md-wrap justify-content-around mx-auto cap-width">
 			<div>
 				<h4>Address</h4>
@@ -15,8 +15,7 @@
 					<li>Phone: <a href="tel:18074885511" target="_blank">+1 (807) 488-5511</a></li>
 					<li>Toll Free: <a href="tel:18886908070" target="_blank">+1 (888) 690-8070</a></li>
 					<li>Email: <a href="mailto:pelicanlanding2002@gmail.com">pelicanlanding2002&#64;gmail.com</a></li>
-					<li>Social Media:
-						<a href="https://www.facebook.com/MorsonsPelicanLanding" target="_blank">Facebook</a></li>
+					<li>Social Media: <a href="https://www.facebook.com/MorsonsPelicanLanding" target="_blank">Facebook</a></li>
 				</ul>
 			</div>
 			<div>
diff --git a/src/app/components/toolbar/toolbar.component.html b/src/app/components/toolbar/toolbar.component.html
index 74736b2..01fcf71 100644
--- a/src/app/components/toolbar/toolbar.component.html
+++ b/src/app/components/toolbar/toolbar.component.html
@@ -1,14 +1,24 @@
 <mat-toolbar class="d-print-none">
 	<img routerLink="/" class="curs-pointer" src="/assets/logo.png" alt="Logo" height="46px" width="auto">
-	<button mat-button routerLink="/" class="d-flex align-items-center">
-
-		<h1 class="d-none d-sm-inline">Pelican Landing</h1>
-	</button>
+	<button mat-button routerLink="/" class="d-flex align-items-center">Pelican Landing</button>
 	<span class="mx-auto"></span>
 	<span>
-		<button mat-button routerLink="/coming-soon">Restaurant</button>
-	    <button mat-button routerLink="/coming-soon">Hunting</button>
-	    <button mat-button routerLink="/coming-soon">Fishing</button>
-	    <button mat-button routerLink="/coming-soon">Lodging</button>
-    </span>
+		<span class="d-none d-sm-inline">
+			<button mat-button routerLink="/coming-soon">Restaurant</button>
+		    <button mat-button routerLink="/coming-soon">Hunting</button>
+		    <button mat-button routerLink="/coming-soon">Fishing</button>
+		    <button mat-button routerLink="/coming-soon">Lodging</button>
+	    </span>
+
+	</span>
+
+	<button class="d-inline d-sm-none" mat-icon-button [matMenuTriggerFor]="menu">
+		<mat-icon>menu</mat-icon>
+	</button>
+	<mat-menu #menu="matMenu">
+		<button mat-menu-item routerLink="/coming-soon">Restaurant</button>
+		<button mat-menu-item routerLink="/coming-soon">Hunting</button>
+		<button mat-menu-item routerLink="/coming-soon">Fishing</button>
+		<button mat-menu-item routerLink="/coming-soon">Lodging</button>
+	</mat-menu>
 </mat-toolbar>
diff --git a/src/app/view/coming-soon/coming-soon.component.html b/src/app/view/coming-soon/coming-soon.component.html
index 1f41452..929a285 100644
--- a/src/app/view/coming-soon/coming-soon.component.html
+++ b/src/app/view/coming-soon/coming-soon.component.html
@@ -1,7 +1,7 @@
-<div class="bg-white p-5">
-	<div class="m-5 p-5 text-center">
+<div class="bg-white p-5" style="height: 80vh">
+	<div class="mt-5 pt-5 text-center">
 		<h1 style="font-size: 4em">Coming Soon</h1>
-		<h2 class="mt-3">This page is under development</h2>
+		<h2 class="mt-3">This page is still being built</h2>
 		<button class="btn btn-outline-secondary rounded-pill px-4 mt-3" (click)="back()">Back</button>
 	</div>
 </div>
diff --git a/src/app/view/not-found/not-found.component.html b/src/app/view/not-found/not-found.component.html
index e968ebf..0712f43 100644
--- a/src/app/view/not-found/not-found.component.html
+++ b/src/app/view/not-found/not-found.component.html
@@ -1,5 +1,5 @@
-<div class="bg-white p-5">
-	<div class="card my-5 mx-auto p-5 text-center" style="max-width: 400px">
+<div class="bg-white p-5" style="height: 80vh">
+	<div class="card mt-5 mx-auto p-5 text-center" style="max-width: 400px">
 		<h1 style="font-size: 4em">404</h1>
 		<h2 class="mt-3">Page not found</h2>
 		<button class="btn btn-outline-secondary rounded-pill px-4 mt-3" (click)="back()">Back</button>