Demo code css fixes

Author: rajasegar

index.js

@@ -1,5 +1,6 @@
 (function() {
  const rectangleStyles = ["rect-slide", "rect-flip", "rect-move", "rect-hide"];
+
  const addSpan = ["flip", "fadeout", "slideall"];
 
  const templateWithSpan = ` 

public/index.html

@@ -114,6 +114,7 @@ <h4>rect-move</h4>
  </div>
  </div>
  </section>
+
  <section id="rect-hide">
  <h4>rect-hide</h4>
  <div class="toggle-button-cover">
@@ -123,8 +124,6 @@ <h4>rect-hide</h4>
  </div>
  </section>
 
-
-
  </div>
  <hr/>
  <h2>Custom Labels</h2> 

public/styles.css

@@ -10,7 +10,7 @@ body
 
 .app-cover
 {
- width: 600px;
+ width: 80%;
  margin: 80px auto;
  counter-reset: button-counter;
 }
@@ -28,6 +28,7 @@ body
  width: 200px;
  height: 140px;
  box-sizing: border-box;
+ margin: 0 auto;
 }
 
 .button-cover