Restore the row for the weekdays header (fix #82)

gpbl · Nov 11, 2015 · e98a922 · e98a922
1 parent d3903bb
commit e98a922
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/src/DayPicker.js b/src/DayPicker.js
@@ -327,7 +327,9 @@ export default class DayPicker extends Component {
           { localeUtils.formatMonthTitle(d, locale) }
         </div>
         <div className="DayPicker-Weekdays">
-          { this.renderWeekDays() }
+          <div className="DayPicker-WeekdaysRow">
+            { this.renderWeekDays() }
+          </div>
         </div>
         <div className="DayPicker-Body">
           { this.renderWeeksInMonth(d) }

diff --git a/src/style.css b/src/style.css
@@ -54,19 +54,20 @@
 
   .DayPicker-Weekdays {
     display: table-header-group;
-    > div {
-      display: table-row;
-    }
   }
 
-    .DayPicker-Weekday {
-      display: table-cell;
-      padding: .5rem;
-      font-size: .875em;
-      text-align: center;
-      color: #8b9898;
+    .DayPicker-WeekdaysRow {
+      display: table-row;
     }
 
+      .DayPicker-Weekday {
+        display: table-cell;
+        padding: .5rem;
+        font-size: .875em;
+        text-align: center;
+        color: #8b9898;
+      }
+
   .DayPicker-Body {
     display: table-row-group;
   }