From 7894b8455bb471434c7c00e4e96d5e4e20d021d8 Mon Sep 17 00:00:00 2001
From: BcRikko <s.shin1106@gmail.com>
Date: Fri, 8 Feb 2019 21:58:26 +0900
Subject: [PATCH] feat(style.css): fix broken layout

---
 demo/style.css |  6 +-----
 index.html     | 35 +++++++++++++++++------------------
 2 files changed, 18 insertions(+), 23 deletions(-)

diff --git a/demo/style.css b/demo/style.css
index 50c5f6f3..2e09a03b 100644
--- a/demo/style.css
+++ b/demo/style.css
@@ -115,14 +115,10 @@ div.containers > .nes-container {
 }
 
 .code {
-  box-sizing: border-box;
   display: none;
-  padding: 15px 0 0 15px;
+  padding: 0;
   margin-top: -20px;
-  overflow: auto;
   font-size: 0.85em;
-  color: #e76e55;
-  background-color: rgba(45, 45, 45, 0.9);
 }
 
 .copy {
diff --git a/index.html b/index.html
index 4fe98023..a2df59c3 100644
--- a/index.html
+++ b/index.html
@@ -64,9 +64,8 @@ <h2 class="title">Buttons</h2>
 &lt;button type=&quot;button&quot; class=&quot;nes-btn is-success&quot;&gt;Success&lt;/button&gt;
 &lt;button type=&quot;button&quot; class=&quot;nes-btn is-warning&quot;&gt;Warning&lt;/button&gt;
 &lt;button type=&quot;button&quot; class=&quot;nes-btn is-error&quot;&gt;Error&lt;/button&gt;
-&lt;button type=&quot;button&quot; class=&quot;nes-btn is-disabled&quot;&gt;Disabled&lt;/button&gt;
-<button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button>
-</code></pre>
+&lt;button type=&quot;button&quot; class=&quot;nes-btn is-disabled&quot;&gt;Disabled&lt;/button&gt;</code></pre>
+      <button type="button" class="nes-btn show-code copy" onClick="copyToClipboard('buttons')">Copy</button>
     </section>
 
     <section class="nes-container with-title">
@@ -523,37 +522,37 @@ <h2 class="title">Progress</h2>
       <h2 class="title">Badges</h2>
       <div id="badges">
         <a href="#" class="nes-badge">
-            <span class="is-dark">NES.css</span>
+          <span class="is-dark">NES.css</span>
         </a>
         <a href="#" class="nes-badge">
-            <span class="is-primary">is</span>
+          <span class="is-primary">is</span>
         </a>
         <a href="#" class="nes-badge">
-            <span class="is-success">a</span>
+          <span class="is-success">a</span>
         </a>
         <a href="#" class="nes-badge">
-            <span class="is-warning">great</span>
+          <span class="is-warning">great</span>
         </a>
         <a href="#" class="nes-badge">
-            <span class="is-error">framework!</span>
+          <span class="is-error">framework!</span>
         </a>
         <a href="#" class="nes-badge is-splited">
-            <span class="is-dark">npm</span>
-            <span class="is-primary">1.1.0</span>
+          <span class="is-dark">npm</span>
+          <span class="is-primary">1.1.0</span>
         </a>
         <a href="#" class="nes-badge is-splited">
-            <span class="is-dark">test</span>
-            <span class="is-success">100%</span>
+          <span class="is-dark">test</span>
+          <span class="is-success">100%</span>
         </a>
         <a href="#" class="nes-badge is-icon">
-            <span class="is-warning">
-                <i class="nes-icon star is-small"></i>
-            </span>
-            <span class="is-primary">Icons</span>
+          <span class="is-warning">
+            <i class="nes-icon star is-small"></i>
+          </span>
+          <span class="is-primary">Icons</span>
         </a>
         <a href="#" class="nes-badge is-icon">
-            <span class="is-dark">hi</span>
-            <span class="is-warning">Text</span>
+          <span class="is-dark">hi</span>
+          <span class="is-warning">Text</span>
         </a>
       </div>
       <button type="button" class="nes-btn is-error show-code" id="show-badges-code">&lt;&gt;</button>