From ba8b463e4c4f6ad192dfe7306134669cfec0dafa Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Mon, 22 Mar 2021 16:42:46 +0200
Subject: Major redesign of not-found page component style

---
 .../components/not-found/not-found.component.html  | 26 ++++++++++++++--------
 1 file changed, 17 insertions(+), 9 deletions(-)

(limited to 'src/app/components/not-found')

diff --git a/src/app/components/not-found/not-found.component.html b/src/app/components/not-found/not-found.component.html
index 83d73ce..50bb39b 100644
--- a/src/app/components/not-found/not-found.component.html
+++ b/src/app/components/not-found/not-found.component.html
@@ -1,10 +1,18 @@
-<main id="content">
-	<summary class="title">
-		Page not found!
-	</summary>
-	<hr>
-	<nav id="back-btns">
-		<button class="submit-btn" type="submit" (click)="backToFeed()">Back to feed</button>
-		<button class="submit-btn" type="submit" (click)="backToLogin()">Back to login</button>
-	</nav>
+<main class="centered-content flex-col flex-center-align-items flex-justify-center full-height">
+	<div class="card full-width padding-big">
+		<summary class="title">
+			Page not found!
+		</summary>
+		<hr class="card-hr">
+		<nav class="flex-row flexible-children padding-small">
+			<button class="flex-row flex-justify-center flex-center-align-items faded-slim-border padding-smaller lighter-hover click-effect border-radius-smaller margin-right-small" (click)="backToFeed()">
+				<img src="/assets/icons/tabler-icon-home.svg">
+				&nbsp;Back to feed
+			</button>
+			<button class="flex-row flex-justify-center flex-center-align-items faded-slim-border padding-smaller lighter-hover click-effect border-radius-smaller" (click)="backToLogin()">
+				<img src="/assets/icons/tabler-icon-login.svg">
+				&nbsp;Back to login
+			</button>
+		</nav>
+	</div>
 </main>
-- 
cgit v1.2.3