From 89e9ec0566f36f44df8cfbf7cea89c11526efcbd Mon Sep 17 00:00:00 2001
From: Syndamia <kamen.d.mladenov@protonmail.com>
Date: Fri, 7 May 2021 15:40:29 +0300
Subject: Made moved footer to it's own partial cshtml

---
 .../Web/Views/Shared/_FooterContent.cshtml         |  8 ++++++++
 ExamTemplate/Web/Views/Shared/_Layout.cshtml       |  4 +---
 ExamTemplate/Web/wwwroot/css/styles.css            | 22 ++++++++++++++--------
 3 files changed, 23 insertions(+), 11 deletions(-)
 create mode 100644 ExamTemplate/Web/Views/Shared/_FooterContent.cshtml

(limited to 'ExamTemplate')

diff --git a/ExamTemplate/Web/Views/Shared/_FooterContent.cshtml b/ExamTemplate/Web/Views/Shared/_FooterContent.cshtml
new file mode 100644
index 0000000..8ab9fc3
--- /dev/null
+++ b/ExamTemplate/Web/Views/Shared/_FooterContent.cshtml
@@ -0,0 +1,8 @@
+<div class="border-top box-shadow">
+	<div class="footer-content middle-content-container">
+		<section>
+			IT-kariera Exam Template - 2021
+		</section>
+		<div class="flex-spacer"></div>
+	</div>
+</div>
diff --git a/ExamTemplate/Web/Views/Shared/_Layout.cshtml b/ExamTemplate/Web/Views/Shared/_Layout.cshtml
index 8388ea8..dd7bf82 100644
--- a/ExamTemplate/Web/Views/Shared/_Layout.cshtml
+++ b/ExamTemplate/Web/Views/Shared/_Layout.cshtml
@@ -19,9 +19,7 @@
 	</main>
 
 	<footer class="border-top box-shadow">
-		<div class="middle-content-container">
-			IT-kariera Exam Template - 2021
-		</div>
+		<partial name="_FooterContent.cshtml" />
 	</footer>
 </body>
 </html>
diff --git a/ExamTemplate/Web/wwwroot/css/styles.css b/ExamTemplate/Web/wwwroot/css/styles.css
index 5819b09..a4efd0c 100644
--- a/ExamTemplate/Web/wwwroot/css/styles.css
+++ b/ExamTemplate/Web/wwwroot/css/styles.css
@@ -48,14 +48,16 @@
 
 /* Navbar and footer */
 
-.navbar {
+.navbar, .footer-content {
   width: 100%;
-  background-color: white;
-}
+  min-height: 45px;
 
-.navbar, footer {
   padding-top: 8px;
   padding-bottom: 8px;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .navbar section > :not(*:first-child) {
@@ -92,18 +94,22 @@
 form {
   display: flex;
   flex-direction: column;
-
   align-items: center;
   justify-content: center;
-  max-width: 300px;
-  margin-left: auto;
-  margin-right: auto;
+  width: fit-content;
 }
 
 .main > div > form {
   margin-top: 10px;
 }
 
+.main > div > form:first-child {
+  width: 100%;
+  max-width: 300px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 form > * {
   width: 100%;
   box-sizing: border-box;
-- 
cgit v1.2.3