From bb0f32ffd91fdde2e9b92dbcbcf5d841ce42c8b7 Mon Sep 17 00:00:00 2001
From: Lars van Hijfte <larsvanhijfte@hotmail.com>
Date: Mon, 16 Jan 2017 13:10:34 +0100
Subject: [PATCH] Made some pages html valid with a validator

---
 website/public/styles/settings.css |  24 ++--
 website/views/footer.php           |   2 +-
 website/views/settings-view.php    | 196 +++++++++++++++++------------
 3 files changed, 129 insertions(+), 93 deletions(-)

diff --git a/website/public/styles/settings.css b/website/public/styles/settings.css
index 9a2c753..da55ec4 100644
--- a/website/public/styles/settings.css
+++ b/website/public/styles/settings.css
@@ -1,6 +1,17 @@
-.settings input,
-.settings textarea {
+.settings .item-box {
+    display: inline-flex;
+}
+
+.settings-password {
+    margin-right: 15px;
+}
+
+
+.settings li {
     margin: 5px;
+}
+
+.settings textarea {
     resize: none;
 }
 
@@ -14,15 +25,10 @@
 .settings input[type="password"],
 .settings input[type="text"],
 .settings input[type="date"],
-.settings input[type="email"],
-.settings textarea {
+.settings input[type="email"] {
     width: 200px;
 }
 
 .settings textarea {
-    width: 400px;
-}
-
-.settings label[for="bio"] {
-    vertical-align: middle;
+    width: calc(100% - 350px);
 }
\ No newline at end of file
diff --git a/website/views/footer.php b/website/views/footer.php
index 02dc0cd..c43a80c 100644
--- a/website/views/footer.php
+++ b/website/views/footer.php
@@ -1,3 +1,3 @@
 <footer>
-    <p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span></p>
+    <p>Copyright &copy; 2017 MyHyvesbook+ <span style="float: right">Like ons op Facebook!</span>   </p>
 </footer>
diff --git a/website/views/settings-view.php b/website/views/settings-view.php
index 797217e..cb22af5 100644
--- a/website/views/settings-view.php
+++ b/website/views/settings-view.php
@@ -1,95 +1,125 @@
 <div class="content">
     <div class="settings">
         <form class="settings-profile platform">
-            <h5>Profiel Instllingen</h5>
-            <label for="first-name">Voornaam</label>
-            <input type="text"
-                   name="first-name"
-                   id="first-name"
-                   placeholder="Voornaam"
-                   title="Voornaam"
-            ><br />
-            <label for="last-name">Achternaam</label>
-            <input type="text"
-                   name="last-name"
-                   id="last-name"
-                   placeholder="Lastname"
-            ><br />
-            <label for="place">Woonplaats</label>
-            <input type="text"
-                   name="place"
-                   id="place"
-                   placeholder="Woonplaats"
-            ><br />
-            <label for="bday">Geboortedatum</label>
-            <input type="date"
-                   name="bday"
-                   id="bday"
-                   placeholder="01/01/1900"
-            ><br />
-            <label for="location">Locatie</label>
-            <input type="text"
-                   name="location"
-                   id="location"
-                   placeholder="Locatie"
-            ><br />
-            <label for="bio">Bio</label>
-            <textarea name="bio"
-                      rows="5"
-                      title="bio"
-                      id="bio"
-            ></textarea>
-            <br />
-
-            <label></label>
-            <input type="submit"
-                   value="Opslaan"
-            >
+            <h5>Profiel Instellingen</h5>
+            <ul>
+                <li>
+                    <label for="first-name">Voornaam</label>
+                    <input type="text"
+                           name="first-name"
+                           id="first-name"
+                           placeholder="Voornaam"
+                           title="Voornaam"
+                    >
+                </li>
+                <li>
+                    <label for="last-name">Achternaam</label>
+                    <input type="text"
+                           name="last-name"
+                           id="last-name"
+                           placeholder="Achternaam"
+                    >
+                </li>
+                <li>
+                    <label for="place">Woonplaats</label>
+                    <input type="text"
+                           name="place"
+                           id="place"
+                           placeholder="Woonplaats"
+                    >
+                </li>
+                <li>
+                    <label for="bday">Geboortedatum</label>
+                    <input type="date"
+                           name="bday"
+                           id="bday"
+                           placeholder="01/01/1900"
+                    >
+                </li>
+                <li>
+                    <label for="location">Locatie</label>
+                    <input type="text"
+                           name="location"
+                           id="location"
+                           placeholder="Locatie"
+                    >
+                </li>
+                <li>
+                    <label for="bio">Bio</label>
+                    <textarea name="bio"
+                              rows="5"
+                              title="bio"
+                              id="bio"
+                    ></textarea>
+                </li>
+                <li>
+                    <label></label>
+                    <input type="submit"
+                           value="Opslaan"
+                    >
+                </li>
+            </ul>
         </form>
 
-        <form class="settings-password platform" method="post">
+        <form class="settings-password platform item-box" method="post">
             <h5>Verander Wachtwoord</h5>
-            <br />
-            <label>Oud Wachtwoord</label>
-            <input type="password"
-                   name="password-old"
-                   placeholder="Oud wachtwoord"
-            ><br />
-            <label>Nieuw wachtword</label>
-            <input type="password"
-                   name="password-new"
-                   placeholder="Nieuw wachtwoord"
-            ><br />
-            <label>Bevestig wachtwoord</label>
-            <input type="password"
-                   name="password-confirm"
-                   placeholder="Bevestig wachtwoord"
-            ><br />
-            <label></label>
-            <input type="submit"
-                   value="Verander wachtwoord"
-            >
+            <ul>
+                <li>
+                    <label>Oud wachtwoord</label>
+                    <input type="password"
+                           name="password-old"
+                           placeholder="Oud wachtwoord"
+                    >
+                </li>
+                <li>
+                    <label>Nieuw wachtwoord</label>
+                    <input type="password"
+                           name="password-new"
+                           placeholder="Nieuw wachtwoord"
+                    >
+                </li>
+                <li>
+                    <label>Bevestig wachtwoord</label>
+                    <input type="password"
+                           name="password-confirm"
+                           placeholder="Bevestig wachtwoord"
+                    >
+                </li>
+                <li>
+                    <label></label>
+                    <input type="submit"
+                           value="Verander wachtwoord"
+                    >
+                </li>
+            </ul>
         </form>
 
-        <form class="settings-email platform" method="post">
+        <form class="settings-email platform item-box" method="post">
             <h5>Verander Email</h5>
-            <br />
-            <label for="email">Nieuw Email</label>
-            <input type="email"
-                   name="email"
-                   id="email"
-                   placeholder="Nieuw Email"
-            ><br />
-            <label for="email-confirm">Bevestig Email</label>
-            <input type="email"
-                   name="email-confirm"
-                   id="email-confirm"
-                   placeholder="Bevestig Email"
-            ><br />
-            <label></label>
-            <input type="submit"
-                   value="Verander Email"
-            >
+            <ul>
+                <li>
+                    <label for="email">Nieuw Email</label>
+                    <input type="email"
+                           name="email"
+                           id="email"
+                           placeholder="Nieuw Email"
+                    >
+                </li>
+                <li>
+                    <label for="email-confirm">Bevestig Email</label>
+                    <input type="email"
+                           name="email-confirm"
+                           id="email-confirm"
+                           placeholder="Bevestig Email"
+                    >
+                </li>
+                <li>
+                    <label></label>
+                    <input type="submit"
+                           value="Verander Email"
+                    >
+                </li>
+            </ul>
         </form>
     </div>
 </div>
\ No newline at end of file