From 3ead17297102033e9f3eaa9142ca385d71827f6d Mon Sep 17 00:00:00 2001
From: realaravinth <realaravinth@batsense.net>
Date: Fri, 10 Jun 2022 19:13:23 +0530
Subject: [PATCH] feat: style error components

---
 .../templates/common/components/error.html     |  6 +++---
 static/css/main.css                            | 18 ++++++++++++++++++
 2 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/accounts/templates/common/components/error.html b/accounts/templates/common/components/error.html
index bb36399..3db5ea0 100644
--- a/accounts/templates/common/components/error.html
+++ b/accounts/templates/common/components/error.html
@@ -1,6 +1,6 @@
 {% if error %}
-<div class="error_container">
-  <h3 class="error-title">ERROR: {{ error.title }}</h3>
-  <p class="error-message">{{ error.reason }}</p>
+<div class="error__container">
+  <h3 class="error__title">ERROR: {{ error.title }}</h3>
+  <p class="error__message">{{ error.reason }}</p>
 </div>
 {% endif %}
diff --git a/static/css/main.css b/static/css/main.css
index 123d4c4..c29fc1f 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -71,6 +71,24 @@ header {
   background-color: #fff;
 }
 
+/*
+ * error statrs
+ */
+
+.error__container {
+  text-align: center;
+  color: #c00;
+  width: 100%;
+  margin: 10px 0;
+}
+
+.error__title,
+.error__message {
+  color: #c00;
+}
+
+/* error ends */
+
 /* nav  starts */
 
 .nav__container {