some css changes

Author: rajeshwarpatlolla

README.md

@@ -342,6 +342,10 @@ Few more features are also added apart from the above mentioned features.
 [Bug#179](https://github.com/rajeshwarpatlolla/ionic-datepicker/issues/179),
 [Bug#180](https://github.com/rajeshwarpatlolla/ionic-datepicker/issues/180)
 
+### 15) v1.2.0
+
+Lots of bug fixes.
+
 
 ##License:
 [MIT](https://github.com/rajeshwarpatlolla/ionic-datepicker/blob/master/LICENSE.MD "MIT")

dist/ionic-datepicker.bundle.min.js

@@ -40,7 +40,7 @@
            ng-repeat="weekName in weeksList track by $index" ng-bind="weekName"></div>
     </div>
     <div>
-      <div class="row text-center padding_top_zero" ng-repeat="row in rows track by $index">
+      <div class="row text-center padding_zero" ng-repeat="row in rows track by $index">
         <div class="col no_padding date_col" ng-repeat="col in cols track by $index"
              ng-class="{'selected_date': (dayList[row + $index].epoch === selctedDateEpoch),
                       'today' : (dayList[row + $index].epoch == today),

src/ionic-datepicker-popup.html

@@ -5,41 +5,56 @@
 .ionic_datepicker_popup .font_bold {
   font-weight: bold;
 }
+
 .ionic_datepicker_popup .padding_top_zero {
   padding-top: 0;
 }
+
 .ionic_datepicker_popup .padding_left_5px {
   padding-left: 5px;
 }
+
 .ionic_datepicker_popup .padding_right_5px {
   padding-right: 5px;
 }
+
 .ionic_datepicker_popup .calendar_grid {
   height: 215px;
 }
+
+.ionic_datepicker_popup .calendar_grid .weeks_row {
+  padding: 0;
+}
+
 .ionic_datepicker_popup .today {
   border: 1px solid #009688;
   border-radius: 50%;
 }
+
 .ionic_datepicker_popup .selected_date {
   background-color: #009688;
   border-radius: 50%;
   color: #fff;
   font-weight: bold;
 }
+
 .ionic_datepicker_popup .popup-head {
   background-color: #009688;
   display: none;
 }
+
 .ionic_datepicker_popup .popup-head .popup-title {
   color: #ffffff;
 }
+
 .ionic_datepicker_popup .popup-head .popup-sub-title {
   color: #ffffff;
 }
+
 .ionic_datepicker_popup .popup-body {
   background-color: #ffffff;
 }
+
 .ionic_datepicker_popup .popup-body .selected_date_full {
   background-color: #019688;
   margin: -10px -10px 0 -10px;
@@ -50,129 +65,166 @@
   line-height: 45px;
   font-size: 18px;
 }
+
 .ionic_datepicker_popup .popup-body .select_section {
   padding: 1px 5px;
 }
+
 .ionic_datepicker_popup .popup-body .pointer_events_none {
   pointer-events: none;
   color: #aaaaaa !important;
 }
+
 .ionic_datepicker_popup .popup-body .month_select, .ionic_datepicker_popup .popup-body .year_select {
   border: none;
   border-bottom: 1px solid #009688;
   padding: 0;
 }
+
 .ionic_datepicker_popup .popup-body .month_select .input-label, .ionic_datepicker_popup .popup-body .year_select .input-label {
   padding: 2px 0;
   width: 0;
 }
+
 .ionic_datepicker_popup .popup-body .month_select select, .ionic_datepicker_popup .popup-body .year_select select {
   left: 10px;
   border: none;
   padding: 0;
 }
+
 .ionic_datepicker_popup .popup-body .month_select:after, .ionic_datepicker_popup .popup-body .year_select:after {
   right: 5px;
   color: #009688;
 }
+
 .ionic_datepicker_popup .popup-body .show_nav {
   padding: 10px 0 0 0;
 }
+
 .ionic_datepicker_popup .popup-body .show_nav .prev_btn_section {
   padding: 5px 0;
   text-align: left;
 }
+
 .ionic_datepicker_popup .popup-body .show_nav .prev_btn_section button {
   padding: 0;
 }
+
 .ionic_datepicker_popup .popup-body .show_nav .next_btn_section {
   padding: 5px 0;
   text-align: right;
 }
+
 .ionic_datepicker_popup .popup-body .show_nav .next_btn_section button {
   padding: 0;
 }
+
 .ionic_datepicker_popup .popup-body .button-clear {
   color: #009688;
 }
+
 .ionic_datepicker_popup .popup-buttons {
   padding: 0;
   min-height: 45px;
 }
+
 .ionic_datepicker_popup .popup-buttons button {
   background-color: #009688;
   border-radius: 0;
   margin-right: 1px;
   color: #ffffff;
 }
 
+.ionic_datepicker_popup .row + .row {
+  padding: 0;
+}
+
 .ionic_datepicker_modal .header, .ionic_datepicker_modal .footer {
   background-color: #009688;
 }
+
 .ionic_datepicker_modal .header .title, .ionic_datepicker_modal .header .button, .ionic_datepicker_modal .footer .title, .ionic_datepicker_modal .footer .button {
   color: #ffffff;
 }
+
 .ionic_datepicker_modal .footer .button-block {
   margin: 0;
 }
+
 .ionic_datepicker_modal .today {
   border: 1px solid #009688;
 }
+
 .ionic_datepicker_modal .selected_date {
   background-color: #009688;
   color: #fff;
   font-weight: bold;
 }
+
 .ionic_datepicker_modal .pointer_events_none {
   pointer-events: none;
   color: #aaaaaa !important;
 }
+
 .ionic_datepicker_modal .select_section {
   padding: 1px 5px;
 }
+
 .ionic_datepicker_modal .button-clear {
   color: #009688;
 }
+
 .ionic_datepicker_modal .month_select, .ionic_datepicker_modal .year_select {
   border: none;
   border-bottom: 1px solid #009688;
   padding: 0;
 }
+
 .ionic_datepicker_modal .month_select .input-label, .ionic_datepicker_modal .year_select .input-label {
   padding: 2px 0;
   width: 0;
 }
+
 .ionic_datepicker_modal .month_select select, .ionic_datepicker_modal .year_select select {
   left: 10px;
   border: none;
   padding: 0 10px;
 }
+
 .ionic_datepicker_modal .month_select:after, .ionic_datepicker_modal .year_select:after {
   right: 5px;
   color: #009688;
 }
+
 .ionic_datepicker_modal .padding_left_5px {
   padding-left: 5px;
 }
+
 .ionic_datepicker_modal .padding_right_5px {
   padding-right: 5px;
 }
+
 .ionic_datepicker_modal .date_col {
   height: 50px;
   line-height: 50px;
 }
+
 .ionic_datepicker_modal .font_bold {
   font-weight: bold;
 }
+
 .ionic_datepicker_modal .font_22px {
   font-size: 22px;
 }
+
 .platform-android .ionic_datepicker_modal .bar .title.title-left {
   text-align: center;
 }
+
 .platform-android .ionic_datepicker_modal select {
   left: 25%;
 }
+
 .platform-ios .ionic_datepicker_modal select {
   left: 5%;
 }