From b03722143567db59ecd6a90409a41d437cf506e8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Sun, 18 Nov 2018 08:35:00 +0100
Subject: [PATCH] style notification & workflow messages

---
 gadjo/static/css/_wcs.scss  |  7 +++++++
 gadjo/static/css/gadjo.scss | 23 ++++++++++++++++++-----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/gadjo/static/css/_wcs.scss b/gadjo/static/css/_wcs.scss
index 13ed170..f31a772 100644
--- a/gadjo/static/css/_wcs.scss
+++ b/gadjo/static/css/_wcs.scss
@@ -45,3 +45,10 @@ div#side { // w.c.s. steps in backoffice submission
 		}
 	}
 }
+
+div.workflow-messages > div,
+div.workflow-messages > p {
+	background: white;
+	margin: 1ex 0;
+	padding: 1ex;
+}
diff --git a/gadjo/static/css/gadjo.scss b/gadjo/static/css/gadjo.scss
index 27e2988..d6cc9c5 100644
--- a/gadjo/static/css/gadjo.scss
+++ b/gadjo/static/css/gadjo.scss
@@ -327,9 +327,10 @@ div.warningnotice,
 div.errornotice {
 	position: relative;
 	font-size: 110%;
-	background: #fafafa;
+	background: white;
 	color: #3c3c33;
 	font-weight: normal;
+	border-radius: 3px;
 	margin: 1ex 0;
 	padding: 1ex;
 	border: 1px solid transparent;
@@ -345,24 +346,36 @@ div.errornotice {
 		color: white;
 	}
 	&.successnotice {
-		&:before { content: "\f058"; } /* check-circle */
+		&:before { content: "\f058"; }  // check-circle
 		border-color: #00b000;
+		border-image: linear-gradient(#27eb00, #78ff31) 27;
 	}
 	&.infonotice {
-		&:before { content: "\f05a"; } /* info-circle */
+		&:before { content: "\f05a"; }  // info-circle
 		border-color: #0000b0;
+		border-image: linear-gradient(#4e7ee2, #00d6eb) 27;
 	}
 	&.warningnotice {
-		&:before { content: "\f06a"; } /* exclamation-circle */
+		&:before { content: "\f06a"; }  //exclamation-circle
 		border-color: #ffb000;
+		border-image: linear-gradient(#ff7831, #ebd600) 27;
 	}
 	&.errornotice {
-		&:before { content: "\f071"; } /* exclamation-triangle */
+		&:before { content: "\f071"; }  // exclamation-triangle
 		background: linear-gradient(to right, #f64474, #f4635e);
 		color: white;
 	}
 }
 
+div.workflow-messages > div.errornotice {
+	// slightly different style for error notices in workflow messages as
+	// the messages can be longer.
+	background: white;
+	border-color: #f4635e;
+	border-image: linear-gradient(#f64474, #f4635e) 27;
+	color: inherit;
+}
+
 /* main content */
 
 #main {