Workaround fix for ipad not playing nice with dcf-grid

views/reserve.erb

@@ -21,9 +21,25 @@ EIGHT_PM_MINUTES = 1200 # end time of calendar
 
 <h3 class="dcf-txt-h4"><%= reservation.nil? ? 'Reserve Time for ' : 'Edit Reservation for ' %><%= resource.name %></h3>
 
+<%
+    # hack since ipad not playing nice with dcf-grid
+    if kiosk_mode
+        section_class = 'dcf-width-100%'
+        first_div_class = 'dcf-d-inline-block dcf-pr-6'
+        first_div_style = 'width: 67%'
+        second_div_class = 'dcf-d-inline-block dcf-pr-6'
+        second_div_style = 'width: 33%'
+    else
+        section_class = 'dcf-grid dcf-col-gap-vw dcf-row-gap-4'
+        first_div_class = 'dcf-col-100% dcf-col-67%-start@sm'
+        first_div_style = ''
+        second_div_class = 'dcf-col-100% dcf-col-33%-end@sm'
+        second_div_style = ''
+    end
+%>
 <form action="" method="POST">
-<section class="dcf-grid dcf-col-gap-vw dcf-row-gap-4">
-    <div class="dcf-col-100% dcf-col-67%-start@sm">
+<section class="<%= section_class %>">
+    <div class="<%= first_div_class %>" style="<%= first_div_style %>">
     	<label>Schedule for <span id="current-date"><%= day.strftime('%m/%d/%Y') %></span></label>
         <div class="calendar-container individual-day">
             <label class="day-header"><%= day.strftime("%^a %-m/%d") %></label>
@@ -142,8 +158,7 @@ EIGHT_PM_MINUTES = 1200 # end time of calendar
                 </div>
             </div>
     	</div>
-    </div>
-    <div class="dcf-col-100% dcf-col-33%-end@sm">
+    </div><div class="<%= second_div_class %>" style="<%= second_div_style %>">
         <label for="date">Date</label>
         <div class="date-time-select">
             <span class="wdn-icon-calendar"></span>