From fdbd62a0a6810a5f3c4c54e33d0552dd34aa132b Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Wed, 23 Feb 2022 08:07:37 +0530
Subject: [PATCH] feat: add error styling

---
 static/cache/css/main.css       | 12 ++++++++++++
 templates/components/error.html |  4 ++--
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/static/cache/css/main.css b/static/cache/css/main.css
index 1d451f4..00446ee 100644
--- a/static/cache/css/main.css
+++ b/static/cache/css/main.css
@@ -157,6 +157,11 @@ main {
   color: #fff;
   border: none;
   padding: 5px 0;
+  cursor: pointer;
+}
+
+.form__submit:hover {
+  background-color: #bb486b;
 }
 
 footer {
@@ -202,3 +207,10 @@ footer {
   margin: auto 5px;
   height: 20px;
 }
+
+.error_container {
+  text-align: center;
+  color: #c00;
+  width: 100%;
+  margin: 10px 0;
+}
diff --git a/templates/components/error.html b/templates/components/error.html
index 768bb0f..bb36399 100644
--- a/templates/components/error.html
+++ b/templates/components/error.html
@@ -1,6 +1,6 @@
 {% if error %}
 <div class="error_container">
-  <h1 class="error-title"><.= title .>{{ error.title }}</h1>
-  <p class="error-message"><.= message .>{{ error.reason }}</p>
+  <h3 class="error-title">ERROR: {{ error.title }}</h3>
+  <p class="error-message">{{ error.reason }}</p>
 </div>
 {% endif %}