Merge pull request #1240 from Safelite/feature/CSR-1483

CSR-1483: styling fixes

src/digital-components/date-picker/date-picker.vue

@@ -56,15 +56,15 @@
                 :class="[!isLoading ? 'date-picker-hidden' : '']"
                 loaderColor="blue"
                 loaderPosition="center" />
+            <button
+                v-if="calendarViewDirection === 'future' && !disableViewMoreDatesButton"
+                type="button"
+                class="btn btn-link"
+                :disabled="isLoading"
+                @click="showAnotherMonth">
+                View more dates
+            </button>
         </fieldset>
-        <button
-            v-if="calendarViewDirection === 'future' && !disableViewMoreDatesButton"
-            type="button"
-            class="btn btn-link"
-            :disabled="isLoading"
-            @click="showAnotherMonth">
-            View more dates
-        </button>
     </div>
 </template>
 
@@ -660,27 +660,22 @@ export default {
     max-height: 0;
 }
 .date-picker {
-    overflow: hidden;
     position: relative;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
 
     fieldset {
-        overflow-y: auto;
         flex-grow: 1;
         position: relative;
-        padding-bottom: 6rem; // arbitrary amount to provide enough spacing for scroll animation
-        max-height: 21.25rem; // 340px... arbitrary amount to not push View More link out of view on iphones
     }
     .loader {
-        position: absolute;
         height: 2rem;
-        width: 2rem;
+        width: calc(100% - 1.5rem);
 
         &::after {
-            width: 100%;
+            width: 1.5rem;
-            height: 100%;
+            height: 1.5rem;
         }
     }
     .calendar-grid-container {
@@ -813,9 +808,9 @@ export default {
                 display: flex;
                 justify-content: center;
                 align-items: center;
-                width: 3rem;
+                min-width: 2.5rem;
+                width: 2.5rem;
                 height: 2.5rem;
-                min-width: 3rem;
 
                 span {
                     &.small {