From 7fac605f8660ac4c7b017cb113ba08ee05f548df Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 14 Mar 2018 01:38:27 +0100
Subject: [PATCH] Demo updates

---
 demo/styles/demo.scss | 14 ++------------
 index.html            |  4 ++--
 2 files changed, 4 insertions(+), 14 deletions(-)

diff --git a/demo/styles/demo.scss b/demo/styles/demo.scss
index c717414..f274d3a 100644
--- a/demo/styles/demo.scss
+++ b/demo/styles/demo.scss
@@ -9,7 +9,7 @@ img.emoji {
 }
 
 .page-wrap {
-  width: 725px;
+  max-width: 550px;
   margin: 50px auto;
   background: white;
   padding: 10px 30px;
@@ -35,17 +35,7 @@ img.emoji {
     width: 195px;
     font-size: 17px;
     display: inline-block;
-
-    &.btn-right {
-      margin-left: -5px;
-      border-radius: 0 8px 8px 0;
-      filter: grayscale(2);
-      border-left: 1px solid #2e2e30;
-    }
-
-    &.btn-left {
-      border-radius: 8px 0 0 8px;
-    }
+    margin-top: 2px;
   }
 
   a.btn__run-demo {
diff --git a/index.html b/index.html
index 9c8a2c4..d3cb0b9 100644
--- a/index.html
+++ b/index.html
@@ -18,8 +18,8 @@
     <p class="text-muted tagline">Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the
       page</p>
 
-    <a id="animated-tour" href="javascript:void(0)" class="btn btn__example btn__dark btn-left">With Animation</a>
-    <a id="boring-tour" href="javascript:void(0)" class="btn btn__example btn__dark btn-right">without Animation</a>
+    <a id="animated-tour" href="javascript:void(0)" class="btn btn__example btn__dark">With Animation</a>
+    <a id="boring-tour" href="javascript:void(0)" class="btn btn__example btn__dark">without Animation</a>
 
     <div class="github-button top-30">
       <!-- Place this tag where you want the button to render. -->