Content margin

Author: ManukMinasyan

package.json

@@ -6,7 +6,7 @@
   },
   "name": "vue-functional-calendar",
   "description": "A style-uninstallable datepicker component for Vue.js",
-  "version": "2.2.4",
+  "version": "2.2.5",
   "license": "MIT",
   "repository": {
     "type": "git",

src/Demo.vue

@@ -8,7 +8,7 @@
                              :change-month-function="true"
                              :change-year-function="true"
                              :is-date-range="true"
-                             :is-multiple="false"
+                             :is-multiple="true"
                              :calendars-count="2"
                              :marked-date-range="{start: '22.4.2019', end: '24.4.2019'}"
                              :left-and-right-days="true"
@@ -100,7 +100,7 @@
     }
 
     .demo-calendar {
-        width: 20%
+        width: 30%
     }
 
     .demo-calendar2 {

src/assets/scss/calendar.scss

@@ -182,6 +182,7 @@ input.vfc-single-input {
 
         div {
           &.vfc-content {
+            margin: 0 20px;
             z-index: 100;
             h2 {
               &.vfc-top-date {