From 73b9880eb4efd47f2519211045e20838e906d75f Mon Sep 17 00:00:00 2001
From: Dimitrios Stoupis <dimitris.apple@gmail.com>
Date: Sat, 30 Nov 2019 17:05:16 +0000
Subject: [PATCH] Format the error message

---
 oauth/form_prompt.html |  2 +-
 oauth/style.css        | 24 ++++++++----------------
 2 files changed, 9 insertions(+), 17 deletions(-)

diff --git a/oauth/form_prompt.html b/oauth/form_prompt.html
index 433fdc0..62ca3e8 100644
--- a/oauth/form_prompt.html
+++ b/oauth/form_prompt.html
@@ -30,7 +30,7 @@
 							<input placeholder="Password" type="password" name="password" id="field_password" class="input_field">
 						</div><br>
 
-						<div class="grt">
+						<div class="err_msg">
 						</div>
 
 						<input type="submit" value="Login" name="login" id="input_login" class="input_field">
diff --git a/oauth/style.css b/oauth/style.css
index bc25c46..2a92f76 100644
--- a/oauth/style.css
+++ b/oauth/style.css
@@ -1,5 +1,4 @@
 :root {
-    --form_bg: #ffffff;
     --input_bg: #E5E5E5;
     --input_hover:#eaeaea;
     --accept_bg: #1FCC44;
@@ -14,7 +13,6 @@ html {
     margin: 0;
 }
 
-
 /* Overide browser defaults */
 * {
     padding: 0;
@@ -22,8 +20,6 @@ html {
     box-sizing: border-box;
 }
 
-
-
 /* Style the form wrapper */
 body {
     /* Set custom font */
@@ -41,14 +37,9 @@ table {
     margin-top: 5%;
 }
 
-
-
-
-
-/* Display the image centered on the left */
+/* Format the different images*/
 #form_icon, 
 #form_icon_prompt {
-    /* Center the image */
     display: flex;
     justify-content: center;
     align-items: center;
@@ -76,8 +67,6 @@ table {
 	transform: translate(-50%, 25%);
 }
 
-
-
 /* Style input fields */
 .input_container {
     background-color: var(--input_bg);
@@ -103,7 +92,6 @@ table {
     width: 100%;
 }
 
-
 .input_field {
     /* Customize the input tag with lighter font and some padding*/
     color: var(--icon_color);
@@ -159,6 +147,13 @@ table {
     background-color: var(--deny_hover);
 }
 
+/* Format the error messages */
+.err_msg {
+	color: red;
+	font-weight: bold;
+	font-size: 110%;
+}
+
 
 /* General page styling */
 h1,
@@ -175,9 +170,6 @@ i {
     color: var(--icon_color);
 }
 
-
-
-
 /* Make it responsive */
 @media screen and (max-width:768px) {