docs: make padding look better

elevatebart · elevatebart · commit 416eb3896c98 · 2020-08-09T17:45:11.000-05:00
diff --git a/demo/App.vue b/demo/App.vue
@@ -156,6 +156,7 @@ body {
   background-color: #222;
   color: #eee;
   padding: 8px 12px;
+  box-sizing: border-box;
 }
 .separate {
   display: flex;
@@ -168,7 +169,7 @@ body {
   padding: 30px;
   background-color: #fff;
   text-align: center;
-  border-radius: 0 10px 10px 0;
+  border-radius: 10px 10px 0 0;
 }
 
 .description {
@@ -204,6 +205,9 @@ body {
     transform: rotate(80deg) translate(10px, 10px);
     display: inline-block;
   }
+  .separate {
+    width: 90vw;
+  }
 }
 
 .button-bar {

Original file line number	Diff line number	Diff line change
`@@ -156,6 +156,7 @@ body {`
`156`	`156`	`background-color: #222;`
`157`	`157`	`color: #eee;`
`158`	`158`	`padding: 8px 12px;`
	`159`	`+ box-sizing: border-box;`
`159`	`160`	`}`
`160`	`161`	`.separate {`
`161`	`162`	`display: flex;`
`@@ -168,7 +169,7 @@ body {`
`168`	`169`	`padding: 30px;`
`169`	`170`	`background-color: #fff;`
`170`	`171`	`text-align: center;`
`171`		`- border-radius: 0 10px 10px 0;`
	`172`	`+ border-radius: 10px 10px 0 0;`
`172`	`173`	`}`
`173`	`174`
`174`	`175`	`.description {`
`@@ -204,6 +205,9 @@ body {`
`204`	`205`	`transform: rotate(80deg) translate(10px, 10px);`
`205`	`206`	`display: inline-block;`
`206`	`207`	`}`
	`208`	`+ .separate {`
	`209`	`+ width: 90vw;`
	`210`	`+ }`
`207`	`211`	`}`
`208`	`212`
`209`	`213`	`.button-bar {`