tweak display inc. mobile

Author: samuelcolvin

package.json

@@ -1,6 +1,6 @@
 {
   "name": "tutorcruncher-socket",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "TutorCruncher socket",
   "author": "Samuel Colvin <[email protected]>",
   "private": false,
@@ -20,6 +20,10 @@
     "testlive": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js",
     "lint": "eslint --ext .js,.vue src test/unit/specs"
   },
+  "engines": {
+    "node": ">= 6.0.0",
+    "npm": ">= 3.0.0"
+  },
   "dependencies": {
     "autoprefixer": "^6.7.6",
     "babel-core": "^6.23.1",
@@ -83,9 +87,5 @@
     "webpack-dev-middleware": "^1.10.1",
     "webpack-hot-middleware": "^2.17.1",
     "webpack-merge": "^0.14.1"
-  },
-  "engines": {
-    "node": ">= 6.0.0",
-    "npm": ">= 3.0.0"
   }
 }

src/app.vue

@@ -28,9 +28,7 @@
 </template>
 
 <script>
-export default {
-  name: 'tcs-app'
-}
+export default {}
 </script>
 
 <style lang="scss" scoped>

src/components/con-modal.vue

@@ -103,10 +103,8 @@ export default {
 }
 
 .tcs-content {
-  flex-grow: 1;
   padding-right: 10px;
   color: #444;
-  width: calc(100% - $extra-width);
   margin-right: 5px;
   @media(min-width: $size-sm) {
     .tcs-scroll {
@@ -120,6 +118,7 @@ export default {
   width: $extra-width;
   margin: 0 auto 20px;
   text-align: center;
+  flex-shrink: 0;
 
   img {
     height: $extra-width;

src/components/enquiry.vue

@@ -7,10 +7,10 @@
       </p>
       <form class="tcs" @submit.prevent="submit">
         <div v-for="field in visible_fields">
-          <input_ :field="field"></input_>
+          <tcs-input :field="field"></tcs-input>
         </div>
         <div v-for="field in attribute_fields">
-          <input_ :field="field" prefix="attributes"></input_>
+          <tcs-input :field="field" prefix="attributes"></tcs-input>
         </div>
         <div class="tcs-field tcs-submit">
           <button type="submit">
@@ -28,7 +28,7 @@ import input from './input.vue'
 export default {
   props: ['contractor'],
   components: {
-    'input_': input
+    'tcs-input': input
   },
   computed: {
     visible_fields: function () {

src/components/modal.vue

@@ -70,12 +70,17 @@ export default {
 
 .tcs-modal {
   max-width: 900px;
+  box-sizing: border-box;
   margin: 6vh auto 0;
   padding: 20px 20px 10px;
   background-color: #fff;
   border-radius: 4px;
   box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
   transition: all .3s ease;
+  @media(max-width: 908px) {
+    margin: 10px 4px 0;
+    padding: 10px;
+  }
 }
 
 svg.tcs-svg {