From 6f3df0b44121780e5a9cddfbb2c33e9ee5d3909f Mon Sep 17 00:00:00 2001
From: Areeb Jamal <jamal.areeb@gmail.com>
Date: Sat, 18 Aug 2018 08:27:50 +0530
Subject: [PATCH] fix(ui): Add alert icons (#183)

---
 src/main/resources/static/css/styles.css            | 5 +++++
 src/main/resources/templates/fragments/toolbar.html | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/src/main/resources/static/css/styles.css b/src/main/resources/static/css/styles.css
index 985f9a63..85810157 100644
--- a/src/main/resources/static/css/styles.css
+++ b/src/main/resources/static/css/styles.css
@@ -147,4 +147,9 @@ i.gray {
 
 .form-control-position > i.material-icons {
     margin-bottom: 8px;
+}
+
+.alert-icon > i.material-icons {
+    margin-top: -3px;
+    color: rgba(255, 255, 255, 0.9);
 }
\ No newline at end of file
diff --git a/src/main/resources/templates/fragments/toolbar.html b/src/main/resources/templates/fragments/toolbar.html
index 3a9009d9..aaada096 100644
--- a/src/main/resources/templates/fragments/toolbar.html
+++ b/src/main/resources/templates/fragments/toolbar.html
@@ -23,9 +23,11 @@ <h6 class="float-md-right capsule p-small bg-primary text-white text-center" th:
     </div>
     <div th:unless="${hide_warnings}" sec:authorize="isAuthenticated()" class="content-header-lead col-12">
         <div sec:authorize="!principal.emailVerified" class="alert alert-icon-left alert-arrow-left alert-danger bg-danger" role="alert">
+            <span class="alert-icon"><i class="material-icons">error</i></span>
             <strong>Verify Email!</strong> Your email is not verified, and hence we can't allow allow you to do many things including changing your password
         </div>
         <div sec:authorize="!principal.passwordChanged" class="alert alert-icon-left alert-arrow-left alert-warning bg-orange" role="alert">
+            <span class="alert-icon"><i class="material-icons">warning</i></span>
             <strong>Password Unchanged!</strong> You have not changed your password, and it may lead to your account being hacked!
         </div>
     </div>