TT#51083 Call: Fix number input position

Change-Id: I27d02b76928e815c9b14749b3ac7308942c6627c

src/components/CscPage.vue

@@ -64,14 +64,21 @@
 <style lang="stylus" rel="stylesheet/stylus">
     @import '../themes/quasar.variables.styl';
     .csc-page
+        min-height 100vh
         position relative
+        margin 0
+        padding 0
+        .csc-page-content
+            min-height 100vh
             padding $flex-gutter-lg
             padding-top $header-height
-        margin 0
+            padding-bottom $call-footer-height
     .csc-page.csc-page-mobile
+        .csc-page-content
             padding-left $flex-gutter-sm * 1.4
             padding-right $flex-gutter-sm * 1.4
     .csc-page.csc-page-mobile.csc-page-list
+        .csc-page-content
             padding-left 0
             padding-right 0
 </style>

src/components/pages/Home.vue

@@ -3,7 +3,10 @@
         class="csc-simple-page"
     >
         <div
-            class="csc-call-page-content"
+            :class="pageClasses"
+        >
+            <div
+                class="col col-xs-12 col-md-6 col-lg-4"
             >
                 <div
                     v-if="hasFax"
@@ -62,6 +65,7 @@
                     @remove-all="removeAll"
                 />
             </div>
+        </div>
     </csc-page>
 </template>
 
@@ -156,6 +160,18 @@
                         }
                     }
                 ]
+            },
+            pageClasses() {
+                let classes = ["row", "justify-center"];
+                if(this.isMobile) {
+                    classes.push('items-end');
+                    classes.push('csc-call-page-mobile');
+                }
+                else {
+                    classes.push('items-center');
+                    classes.push('csc-call-page-mobile');
+                }
+                return classes;
             }
         }
     }
@@ -163,11 +179,9 @@
 
 <style lang="stylus" rel="stylesheet/stylus">
     @import '../../themes/quasar.variables'
-
+    .csc-call-page-mobile
+        min-height calc(100vh - 203px)
     .csc-call-page
-        height calc(100vh - 120px)
-        padding 0
-        padding-top $header-height
         .csc-communication-actions
             position absolute
             top $header-height
@@ -184,5 +198,4 @@
         .csc-info-text
             line-height 1.4em
             color $white
-
 </style>