Improve styling of rails validation errors
authorTom Hughes <tom@compton.nu>
Thu, 18 Jul 2013 14:54:16 +0000 (15:54 +0100)
committerTom Hughes <tom@compton.nu>
Thu, 18 Jul 2013 14:54:16 +0000 (15:54 +0100)
app/assets/stylesheets/common.css.scss

index e4be01b..80cb000 100644 (file)
@@ -1440,11 +1440,12 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
 #errorExplanation {
   width: 400px;
   border: 2px solid #ff7070;
-  padding: $lineheight/2;
+  padding: $lineheight/2;
   margin-bottom: $lineheight;
   background-color: #f0f0f0;
+
   h2 {
-    margin: -10px;
+    margin: 0 -10px 10px -10px;
     padding: $lineheight/4 $lineheight/4 $lineheight/4 15px;
     font-weight: bold;
     font-size: 12px;
@@ -1459,11 +1460,14 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
     padding: $lineheight/4;
   }
 
-  ul li {
-    font-size: 12px;
-    list-style: disc;
-  }
+  ul {
+    padding-left: $lineheight;
 
+    li {
+      font-size: 12px;
+      list-style: disc;
+    }
+  }
 }
 
 /* Rules for forms */