Updated demo, moved "adapt" controller into function

demo/index.html

@@ -5,6 +5,7 @@
     <title>Vue Modal Examples</title>
     <meta name="description" content="Vue.js modal component. Simple, clean with no external dependencies."/>
     <meta name="keywords" content="vue, vuejs, modal, dialog, box, modal box, dialog box, vue-modal vuejs-modal.">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <script>
       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),

demo/src/App.vue

@@ -69,7 +69,7 @@ export default {
     }
   },
   methods: {
-    show(resizable = false, adaptive = false, draggable = false) {
+    show(resizable, adaptive, draggable) {
       this.resizable = resizable
       this.adaptive = adaptive
       this.draggable = draggable
@@ -131,9 +131,21 @@ button {
 
   color: #4db3ff;
   border: 1px solid #4db3ff;
+
+  min-width: 90px;
+
+  margin-bottom: 2px;
+  margin-top: 4px;
+
   &:hover {
     color: #20a0ff;
     border: 1px solid #20a0ff;
   }
 }
+
+@media (max-width:600px)  {
+  body {
+    padding: 10px;
+  }
+}
 </style>