From 0acc3c3ec83e62b023ec4ae6bc06b716ba790d07 Mon Sep 17 00:00:00 2001
From: Nathan Onofeghara <nathanonofeghara@gmail.com>
Date: Wed, 10 Aug 2022 18:40:58 +0100
Subject: [PATCH] fixed issues with the design in review-frontend #102

---
 .../Core/assets/password-hidden-icon.svg      |  5 ++-
 Templates/Core/login.html                     |  2 +-
 Templates/Core/password-retrieval.html        |  2 +-
 Templates/Core/signup.html                    |  4 +--
 Templates/Core/styles/form.css                | 34 ++++++++-----------
 5 files changed, 23 insertions(+), 24 deletions(-)

diff --git a/Templates/Core/assets/password-hidden-icon.svg b/Templates/Core/assets/password-hidden-icon.svg
index 625f5ea..425f6ce 100644
--- a/Templates/Core/assets/password-hidden-icon.svg
+++ b/Templates/Core/assets/password-hidden-icon.svg
@@ -1 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="21" height="18" fill="none" viewBox="0 0 21 18"><path stroke="#78767F" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.61279 15.704C8.262 15.8972 8.93544 15.9969 9.61279 16C13.7948 16 17.3768 11.987 18.8698 10.038C19.1004 9.74071 19.2255 9.37509 19.2253 8.99883C19.2252 8.62256 19.0997 8.25707 18.8688 7.96C18.3441 7.27549 17.7812 6.62112 17.1828 6M11.7428 6.887C11.4651 6.60467 11.1342 6.38011 10.7693 6.22629C10.4044 6.07246 10.0126 5.99241 9.61659 5.99075C9.22057 5.98909 8.82814 6.06586 8.46194 6.21662C8.09574 6.36738 7.76301 6.58916 7.48295 6.86915C7.20289 7.14915 6.98103 7.48183 6.83019 7.84799C6.67934 8.21416 6.60248 8.60657 6.60404 9.00259C6.60561 9.3986 6.68557 9.79039 6.83931 10.1554C6.99305 10.5203 7.21753 10.8512 7.49979 11.129L11.7428 6.887ZM1.61279 17L17.6128 1L1.61279 17Z"/></svg>
\ No newline at end of file
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.48593 14.129C3.64093 12.819 2.18093 11.115 1.35593 10.039C1.12523 9.74198 1 9.37659 1 9.0005C1 8.62441 1.12523 8.25902 1.35593 7.962C2.84893 6.013 6.43093 2 10.6129 2C12.4889 2 14.2429 2.807 15.7429 3.874" stroke="#78767F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.61279 17L18.6128 1M8.61279 15.704C9.262 15.8972 9.93544 15.9969 10.6128 16C14.7948 16 18.3768 11.987 19.8698 10.038C20.1004 9.74071 20.2255 9.37509 20.2253 8.99883C20.2252 8.62256 20.0997 8.25707 19.8688 7.96C19.3441 7.27549 18.7812 6.62112 18.1828 6M12.7428 6.887C12.4651 6.60467 12.1342 6.38011 11.7693 6.22629C11.4044 6.07246 11.0126 5.99241 10.6166 5.99075C10.2206 5.98909 9.82814 6.06586 9.46194 6.21662C9.09574 6.36738 8.76301 6.58916 8.48295 6.86915C8.20289 7.14915 7.98103 7.48183 7.83019 7.84799C7.67934 8.21416 7.60248 8.60657 7.60404 9.00259C7.60561 9.3986 7.68557 9.79039 7.83931 10.1554C7.99305 10.5203 8.21753 10.8512 8.49979 11.129L12.7428 6.887Z" stroke="#78767F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/Templates/Core/login.html b/Templates/Core/login.html
index 111f590..e2f4fc4 100644
--- a/Templates/Core/login.html
+++ b/Templates/Core/login.html
@@ -18,7 +18,7 @@
               <ul class="nav-items">
                     <li><a class="nav-links hidden-for-mobile" href="templates.html">Templates</a></li>
                     <li id="select-field" class="hidden-for-mobile">
-                        <a class="nav-links" id="drop-btn" href="#/">Build website <span id="drop-down" data-icon="ic:baseline-arrow-drop-down" class="iconify"></span></a>
+                        <a class="nav-links" id="drop-btn" href="#/">Build Website <span id="drop-down" data-icon="ic:baseline-arrow-drop-down" class="iconify"></span></a>
                         <div class="drop-menu" id="drop-menu">
                             <p>Choose a template</p>
                             <ul id="drop-list">
diff --git a/Templates/Core/password-retrieval.html b/Templates/Core/password-retrieval.html
index f1733b3..37268a4 100644
--- a/Templates/Core/password-retrieval.html
+++ b/Templates/Core/password-retrieval.html
@@ -18,7 +18,7 @@
               <ul class="nav-items">
                     <li><a class="nav-links hidden-for-mobile" href="templates.html">Templates</a></li>
                     <li id="select-field" class="hidden-for-mobile">
-                        <a class="nav-links" id="drop-btn" href="#/">Build website <span id="drop-down" data-icon="ic:baseline-arrow-drop-down" class="iconify"></span></a>
+                        <a class="nav-links" id="drop-btn" href="#/">Build Website <span id="drop-down" data-icon="ic:baseline-arrow-drop-down" class="iconify"></span></a>
                         <div class="drop-menu" id="drop-menu">
                             <p>Choose a template</p>
                             <ul id="drop-list">
diff --git a/Templates/Core/signup.html b/Templates/Core/signup.html
index 614fc76..1fb4f09 100644
--- a/Templates/Core/signup.html
+++ b/Templates/Core/signup.html
@@ -18,7 +18,7 @@
               <ul class="nav-items">
                     <li><a class="nav-links hidden-for-mobile" href="templates.html">Templates</a></li>
                     <li id="select-field" class="hidden-for-mobile">
-                        <a class="nav-links" id="drop-btn" href="#/">Build website <span id="drop-down" data-icon="ic:baseline-arrow-drop-down" class="iconify"></span></a>
+                        <a class="nav-links" id="drop-btn" href="#/">Build Website <span id="drop-down" data-icon="ic:baseline-arrow-drop-down" class="iconify"></span></a>
                         <div class="drop-menu" id="drop-menu">
                             <p>Choose a template</p>
                             <ul id="drop-list">
@@ -60,7 +60,7 @@ <h1>Let's get started</h1>
                     <div class="register">
                         <div>
                             <label for="user-email">Email Address</label>
-                            <input type="email" name="email" id="user-email" placeholder="Add email here" required>
+                            <input type="email" name="email" id="user-email" placeholder="add email here" required>
                         </div>
                         <div>
                             <label for="user-password">Password</label>
diff --git a/Templates/Core/styles/form.css b/Templates/Core/styles/form.css
index a604f5a..573a32e 100644
--- a/Templates/Core/styles/form.css
+++ b/Templates/Core/styles/form.css
@@ -3,16 +3,16 @@
 @import url('https://fonts.googleapis.com/css2?family=Inder&display=swap');
 @font-face {
     font-family: 'Candara';
-    src: url('Candara.woff2') format('woff2'),
-        url('Candara.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
+    src: url(../assets/Candara\ Font.ttf);
     font-display: swap;
 }
 
 body *{
     font-family: 'Work Sans', sans-serif;
 }
+h1{
+    font-family: 'Candara';
+}
 body{
     background: url(../assets/Frame\ 1.png);
     background-color: var(--bg-color-2);
@@ -32,6 +32,7 @@ body{
     background: transparent;
 }
 
+
 /* NAVBAR */
 /* resets */
 *,
@@ -66,8 +67,7 @@ list-style: none;
     --bg-gray: rgba(31, 34, 45, 1);
     --bg-color: #1F4774;
     --bg-color-2: #000000;
-    --container-bg: #1F4744;
-    --container-bg-2: #15171E;
+    --container-bg: #15171E;
     --text-color: #FFFFFF;
     --toggle-lightmode:#C6C5C9;
 }
@@ -195,10 +195,10 @@ border-radius: 6px;
 .drop-menu{
     position: absolute;
     left: 70px;
-    top: 30px;
+    top: 20px;
     background-color: var(--white);
-    padding: 20px;
-    width: 180px;
+    padding: 5px;
+    width: 160px;
     padding-right: 0;
     border-radius: 10px;
     font-size: 15px;
@@ -218,7 +218,7 @@ border-radius: 6px;
     color: var(--lighter-pastel-Turquoise);
 }
 .drop-menu ul li{
-    margin: 10px;
+    margin: 4px;
 }
 #drop-list{
     padding: 0;
@@ -244,8 +244,9 @@ border-radius: 6px;
         align-items: center;
         position: relative;
         background: transparent;
-        height: 80px;
+        height: 70px;
         width: 80%;
+        margin-bottom: 25px;
     }
     .nav-bar, .nav-items, .nav-buttons{
         display: flex;
@@ -303,7 +304,7 @@ span{
 .container-form{
     display: flex;
     flex-direction: column;
-    justify-content: space-around;
+    justify-content: space-evenly;
     align-items: center;
     background: var(--container-bg);
     width: 900px;
@@ -312,6 +313,7 @@ span{
 .container-form h1{
     font-size: 50px;
     font-weight: 200;
+    margin: 10px;
 }
 .container-form h1, .container-form p, .container-form label{
     color: var(--text-color);
@@ -326,9 +328,6 @@ span{
     flex-direction: column;
     justify-content: space-around;
 }
-#login .container-form{
-    background: var(--container-bg-2);
-}
 /* form styles */
 
 
@@ -396,7 +395,7 @@ div label{
 }
 .login input[type=button]:hover, .register input[type=button]:hover{
     color: rgb(60, 213, 255);
-    box-shadow: 0px 0px 27px -1px rgba(31,34,45,0.75)
+    box-shadow: 0px 0px 7px -1px rgba(31,34,45,0.75)
 }
 .login #facebook, .register #facebook{
     background-position: 33px 8px;
@@ -430,9 +429,6 @@ div label{
 
 
 /* Password Retrieval */
-#forgotten-password .container-form{
-    background: var(--container-bg-2);
-}
 #forgotten-password h1, #forgotten p{
     font-family: 'Inder';
 }