Demo design tweaks

Author: Akryum

demo-src/src/App.vue

@@ -53,8 +53,7 @@ header {
 
 section {
   .section-content {
-    max-width: 560px;
-    margin: auto;
+    margin: 0 42px;
     padding: 64px 0;
     box-sizing: border-box;
   }
@@ -327,8 +326,7 @@ label input {
 
 .demo,
 .snippets {
-  max-width: 700px;
-  margin: auto;
+  margin: 0 42px;
 }
 
 .snippets {
@@ -344,6 +342,8 @@ label input {
 
   .section-content {
     text-align: center;
+    max-width: 560px;
+    margin: auto;
   }
 
   h2 {

demo-src/src/PageHome.vue

@@ -128,7 +128,7 @@
             offset="16"
             :auto-hide="false"
           >
-            <button class="tooltip-target b1">A button</button>
+            <button class="tooltip-target b1">Target</button>
 
             <template slot="popover">
               <input class="tooltip-content" v-model="msg" placeholder="Tooltip content" />
@@ -369,7 +369,7 @@ const componentSnippet4 = `
     offset="16"
     :auto-hide="false"
   >
-    <button class="tooltip-target b1">A button</button>
+    <button class="tooltip-target b1">Target</button>
 
     <template slot="popover">
       <input class="tooltip-content" v-model="msg" placeholder="Tooltip content" />