Merge branch 'lars-search' into 'master'

Lars search

See merge request !36

website/styles/header.css

@@ -25,19 +25,11 @@ header {
     padding-left: 48px;
 }
 
-#header-search input[type="text"] {
-    border-top-left-radius: 3px;
-    border-bottom-left-radius: 3px;
-}
 
-#header-search input[type="submit"] {
+#header-search input {
-    background: none;
+    border: none;
-    color: white;
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
 }
 
-
 header div {
     display: inline-block;
 }

website/styles/search.css

@@ -1,3 +1,12 @@
-.search-form input {
+.search-output {
-    border-bottom: #845663 solid 1px;
+    width: calc(50% - 48px);
+    display: inline-flex;
+}
+
+.search-output:nth-child(n) {
+    display: inline-block;
+}
+
+#search-friends-output {
+    margin-right: 10px;
 }

website/views/header.php

@@ -4,8 +4,13 @@
     </div>
     <div id="header-search">
         <form action="search.php" method="get">
-            <input name="search" type="text" placeholder="zoek naar van alles" />
+            <input name="search"
-            <input type="submit" value="Zoek"/>
+                   type="text"
+                   placeholder="Zoek naar wat je wil"
+                   required
+            />
+            <input type="submit"
+                   value="Zoek"/>
         </form>
     </div>
     <div class="right profile-menu">