add clearfix to #header, style optgroup, fixes #13

README.md

@@ -58,6 +58,8 @@ If you need to customize styles for [Redmine Backlogs][redmine_backlogs] remembe
 
 Latest (master):
 
+* Added styles for optgroup (Firefox only)
+* Fixed #13: #header was missing clearfix and was breaking the layout is some cases
 * Coloring issue's title instead of link in Gantt diagram for overdue issues
 * Updated npm packages: grunt-sass from 0.18.0 to 1.0.0 and grunt-contrib-uglify 0.7.0 to 0.9.1
 

src/sass/components/_forms.scss

@@ -112,12 +112,12 @@ select {
     }
 }
 
+
 /**
  * Browser hacks: unfortunately every browser has different capabilities when it
  * comes to styling <select> and <option> tags.
  */
 
-
 // Mozilla Firefox
 @-moz-document url-prefix() {
     select {
@@ -125,10 +125,16 @@ select {
             padding: 0;
         }
 
-        option {
+        option,
+        optgroup:before {
             padding: $input-padding-vertical $input-padding-horizontal;
             border-bottom: 1px dotted $gray-lighter;
         }
+
+        optgroup > option {
+            padding-right: $input-padding-horizontal * 2;
+            padding-left: $input-padding-horizontal * 2;
+        }
     }
 }
 

src/sass/components/_top.scss

@@ -139,6 +139,7 @@
     position: relative;
     background-color: $header-bg;
     color: $header-text;
+    @extend %clearfix;
 
     > h1 {
         padding: $header-padding-vertical $header-padding-horizontal;