Flash/callouts more sublte now

app/assets/stylesheets/customisations.scss

@@ -392,4 +392,50 @@ a.black
 
 .menu .menu-text {
   font-size: 2.5rem;
+
+// Nicer callouts
+// https://foundation.zurb.com/building-blocks/blocks/alert-callout-subtle.html
+$alert-callout-subtle-border-left-width: rem-calc(5);
+$alert-callout-subtle-radius: 0.6rem;
+
+.alert-callout-subtle {
+  width: 100%;
+  background: $light-gray;
+  color: $dark-gray;
+  border: 0;
+  border-left: $alert-callout-subtle-border-left-width solid $dark-gray;
+  box-shadow: 0 5px 8px -6px rgba(0,0,0, 0.2);
+
+  &.success {
+    background: $light-gray;
+    color: $dark-gray;
+    border-left: $alert-callout-subtle-border-left-width solid $success-color;
+  }
+
+  &.alert {
+    background: $light-gray;
+    color: $dark-gray;
+    border-left: $alert-callout-subtle-border-left-width solid $alert-color;
+  }
+
+  &.warning {
+    background: $light-gray;
+    color: $dark-gray;
+    border-left: $alert-callout-subtle-border-left-width solid $warning-color;
+  }
+
+  &.primary {
+    background: $light-gray;
+    color: $dark-gray;
+    border-left: $alert-callout-subtle-border-left-width solid $primary-color;
+  }
+
+  .close-button {
+    font-size: 2rem;
+    @include vertical-center;
+  }
+
+  &.radius {
+    border-radius: $alert-callout-subtle-radius;
+  }
 }

app/views/layouts/_messages.slim

@@ -7,14 +7,11 @@
       / Workaround for Devise sometimes sending "true"
       - next
     - when 'notice'
-      .callout.warning data-closable=true
+      .callout.warning.alert-callout-subtle.radius data-closable=true
-        = fa_icon 'info-circle wobble'
         strong< = msg
     - when 'error'
-      .callout.alert data-closable=true
+      .callout.alert.alert-callout-subtle.radius data-closable=true
-        = fa_icon 'meh-o wobble'
         strong< = msg
     - else
-      .callout.primary data-closable=true
+      .callout.primary.alert-callout-subtle.radius data-closable=true
-        = fa_icon 'info-circle wobble'
         strong< = msg