Update docs and styles

Author: shawntabrizi

README.md

@@ -1,8 +1,16 @@
 # docsify-slides
 
-A plugin for [docsify](https://docsify.js.org/) which allows you to make documentation which act like a slideshow.
+A plugin for [`docsify`](https://docsify.js.org/) that allows you to write documentation which acts like a slideshow.
 
-> **NOTE:** This plugin works best in combintation with [`docsify-pagination`](https://github.com/imyelo/docsify-pagination) plugin.
+## Install
+
+Simply include the plugin with your `docsify` project:
+
+```html
+<script src="//unpkg.com/docsify-slides/dist/docsify-slides.min.js"></script>
+```
+
+> **NOTE:** This plugin works best in combination with [`docsify-pagination`](https://github.com/imyelo/docsify-pagination) plugin.
 > Be sure to also enable this plugin on your docsify site for the full experience.
 
 ## What is it?
@@ -21,7 +29,9 @@ or
 <!-- slide:break-# -->
 ```
 
-where `#` is the percent of the total width you want the left side of the slide to be.
+where `#` is the percent of the total width you want the left side of the slide to be. (i.e. `<!-- slide:break-60 -->`)
+
+Check out the [example](https://shawntabrizi.github.io/docsify-slides).
 
 ### Features
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "docsify-slides",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "A docsify plugin for creating slideshow-like pages.",
   "main": "src",
   "repository": "https://github.com/shawntabrizi/docsify-slides",

src/stylesheet.css

@@ -25,7 +25,9 @@
 		right: 0;
 		height: 4em;
 		background-color: #ffffff;
-		margin: 0 5em;
+		padding-left: 40px;
+		padding-right: 10px;
+		margin-bottom: 0px;
 	}
 	body .pagination-item--previous {
 		transform: translateX(300px);
@@ -41,6 +43,7 @@
 .slide-col {
 	float: left;
 	padding: 10px;
+	padding-bottom: 4em;
 }
 
 @media screen and (max-width: 768px) {