From c237eaa2544b9688a3e75cd3669a751f94333d9c Mon Sep 17 00:00:00 2001
From: logmanoriginal <logmanoriginal@users.noreply.github.com>
Date: Thu, 10 Aug 2017 20:26:28 +0200
Subject: [PATCH] [style] Fix All input boxes are center aligned

f757d7d1a50df70024ec0b83e2d58998ad1cc6c2 introduced a bug where all
text input boxes were centered instead of just the search bar.

In order for this to work properly the global styles must be applied
before specific styles for the search bar.
---
 static/style.css | 74 ++++++++++++++++++++++++------------------------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/static/style.css b/static/style.css
index 7f59c71e..c7a278db 100644
--- a/static/style.css
+++ b/static/style.css
@@ -52,6 +52,18 @@ header > p.status {
 	color: red;
 }
 
+input[type="text"] {
+
+	background-color: white;
+	color: #404552;
+	border: 0px;
+	border-bottom: 2px solid #2196F3;
+	font-size: 1.1em;
+	margin-left: 8px;
+	padding-left: 4px;
+
+}
+
 .searchbar {
 
 	width: 50%;
@@ -64,6 +76,7 @@ header > p.status {
 	width: 100%;
 	margin: auto;
 	font-size: 1.4em;
+	text-align: center;
 
 }
 
@@ -73,6 +86,30 @@ header > p.status {
 
 }
 
+.searchbar input[type="text"]:focus::-webkit-input-placeholder {
+
+	opacity: 0;
+
+}
+
+.searchbar input[type="text"]:focus::-moz-placeholder {
+
+	opacity: 0;
+
+}
+
+.searchbar input[type="text"]:focus:-moz-placeholder {
+
+	opacity: 0;
+
+}
+
+.searchbar input[type="text"]:focus:-ms-input-placeholder {
+
+	opacity: 0;
+
+}
+
 .searchbar > h3 {
 
 	font-size: 150%;
@@ -188,43 +225,6 @@ form {
 
 }
 
-input[type="text"] {
-
-	background-color: white;
-	color: #404552;
-	border: 0px;
-	border-bottom: 2px solid #2196F3;
-	font-size: 1.1em;
-	margin-left: 8px;
-	padding-left: 4px;
-	text-align: center;
-
-}
-
-input[type="text"]:focus::-webkit-input-placeholder {
-
-	opacity: 0;
-
-}
-
-input[type="text"]:focus::-moz-placeholder {
-
-	opacity: 0;
-
-}
-
-input[type="text"]:focus:-moz-placeholder {
-
-	opacity: 0;
-
-}
-
-input[type="text"]:focus:-ms-input-placeholder {
-
-	opacity: 0;
-
-}
-
 form {
 
 	display: none;