Dev

src/calendar.jsx

@@ -170,14 +170,14 @@ class Calendar extends React.Component {
             <button
               onClick={this.props.onApply}
               type="button"
-              className="btn btn-default btn-block  btn-success"
+              className="btn btn-block btn-success"
             >
             Apply
             </button>
             <button
               onClick={this.props.onCancel}
               type="button"
-              className="btn btn-default btn-block  btn-default"
+              className="btn btn-default btn-block"
             >
             Cancel
             </button>

src/css/sass/monthly_picker.scss

@@ -101,14 +101,14 @@
         margin: 0.5px;
         padding: 0;
         font-size: 0.9em;
-        border: 1px solid transparent;
+        border: 2px solid transparent;
 
         button {
           padding: 15px;
         }
 
         &:hover {
-          border-color: #CCC;
+          border-color: $selected_month;
         }
 
         &.highlight {

test/components/app.jsx

@@ -43,7 +43,7 @@ describe('<app/>', () => {
         onCancel={onCancel}
       />);
 
-      wrapper.find('.shortcuts .btn-default').at(1).simulate('click');
+      wrapper.find('.shortcuts .btn-default').at(0).simulate('click');
       expect(onCancel).to.have.property('callCount', 1);
     });
   });