From f76ff55b6fa3ead7ef4061529f4272e06549f9ff Mon Sep 17 00:00:00 2001
From: hugh-obrien <hugh.obrien@overleaf.com>
Date: Fri, 14 Sep 2018 11:10:25 +0100
Subject: [PATCH] email alert styling

---
 services/web/app/views/project/list/notifications.pug     | 2 +-
 services/web/public/stylesheets/components/alerts.less    | 8 ++++++++
 .../web/public/stylesheets/core/_common-variables.less    | 3 +++
 services/web/public/stylesheets/core/ol-variables.less    | 3 +++
 4 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/services/web/app/views/project/list/notifications.pug b/services/web/app/views/project/list/notifications.pug
index e6e837b427..1593d00309 100644
--- a/services/web/app/views/project/list/notifications.pug
+++ b/services/web/app/views/project/list/notifications.pug
@@ -33,7 +33,7 @@ if hasFeature('v2-banner')
 		)
 			.row
 				.col-xs-12
-					.alert.alert-danger
+					.alert.alert-email
 						.notification_inner
 							| Please confirm your email {{userEmail.email}} by clicking on the link in the confirmation email 
 							a(
diff --git a/services/web/public/stylesheets/components/alerts.less b/services/web/public/stylesheets/components/alerts.less
index 049aa6652b..a68c73929f 100755
--- a/services/web/public/stylesheets/components/alerts.less
+++ b/services/web/public/stylesheets/components/alerts.less
@@ -74,4 +74,12 @@
   .btn {
     text-decoration: none;
   }
+}
+
+.alert-email {
+  .alert-variant(@alert-email-bg; @alert-email-border; @alert-email-text);
+
+  a {
+    color: @link-color;
+  }
 }
\ No newline at end of file
diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less
index 9d7eab3493..b23f8a7211 100644
--- a/services/web/public/stylesheets/core/_common-variables.less
+++ b/services/web/public/stylesheets/core/_common-variables.less
@@ -586,6 +586,9 @@
 @alert-danger-text:           @state-danger-text;
 @alert-danger-border:         @state-danger-border;
 
+@alert-email-bg      : white;
+@alert-email-text    : #FFF;
+@alert-email-border  : @red;
 
 //== Progress bars
 //
diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less
index fb242e831a..7999a54067 100644
--- a/services/web/public/stylesheets/core/ol-variables.less
+++ b/services/web/public/stylesheets/core/ol-variables.less
@@ -108,6 +108,9 @@
 @alert-danger-text   : #FFF;
 @alert-danger-border : transparent;
 
+@alert-email-bg      : #FFF;
+@alert-email-text    : @ol-type-color;
+@alert-email-border  : @ol-green;
 
 // Tags
 @tag-border-radius       : 9999px;