Improve styling of flash messages on the front page

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index f7c6e74ad88c97b05f1af6109b93ed24b07ed348..121e0c6d63cb6eb50b4898d282b4b3249309403f 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -591,6 +591,18 @@ body.compact {
       float: right;
       cursor: pointer;
     }
       float: right;
       cursor: pointer;
     }

+
+    .flash {
+      padding: 15px;
+
+      picture {
+        margin-right: -25px;
+      }
+
+      div.message {
+        margin-left: 30px;
+      }
+    }

   }
 
   .overlay-sidebar #sidebar {
   }
 
   .overlay-sidebar #sidebar {