Improve styling of flash messages on the front page

[rails.git] / app / assets / stylesheets / common.scss

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 47e76fceb9598fce175a109cd2c8be32362cd9b2..121e0c6d63cb6eb50b4898d282b4b3249309403f 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -550,6 +550,10 @@ body.compact {
     background: #fff;
     font-size: 12px;
 
+    #sidebar_loader {
+      display: none;
+    }
+
     > div {
       position: relative;
       float: left;
@@ -588,10 +592,16 @@ body.compact {
       cursor: pointer;
     }
 
-    p.error {
-      background-color: #ff7070;
-      padding: 10px;
-      font-weight: bold;
+    .flash {
+      padding: 15px;
+
+      picture {
+        margin-right: -25px;
+      }
+
+      div.message {
+        margin-left: 30px;
+      }
     }
   }
 
@@ -606,7 +616,7 @@ body.compact {
       display: block;
     }
 
-    #sidebar_loader, #sidebar_content {
+    #sidebar_content {
       display: none;
     }
   }