CSR-436: fix for sometimes hidden footer/elements on iphones

src/common-components/button-question/button-question.vue

@@ -160,6 +160,7 @@ export default {
   .overflow-scroll {
     // Height will be determined by overall height of content above list
     height: calc(100% - 300px);
+    overflow-x: hidden !important;
     -webkit-overflow-scrolling: touch;
   }
 }

src/common-components/funnel-footer/funnel-footer.vue

@@ -126,5 +126,8 @@ export default {
       justify-content: flex-start;
     }
   }
+  & > .container-fluid {
+    overflow-x: visible; // needed to fix hidden footer on some iphones
+  }
 }
 </style>

src/styles/common-styles.scss

@@ -23,7 +23,7 @@ body {
   }
   .container,
   .container-fluid {
-    overflow-x: hidden !important;
+    overflow-x: hidden;
   }
 
   .sr-only {