fix: fixed styles

Author: Javier Diaz

docs/assets/_scss/_styles.scss

@@ -45,6 +45,10 @@ body {
     span {
       display: block;
     }
+
+    .code-comment {
+      color: lighten($gray-dark-color, 20%);
+    }
   }
 }
 
@@ -66,12 +70,13 @@ body {
     .example-list {
       margin-top: 15px;
       .example-item {
-        padding: 10px 15px;
+        padding: 15px 20px;
         background: white;
         margin-bottom: 0;
         border: 1px solid lighten($gray-dark-color, 50%);
         margin-bottom: -1px;
         list-style: none;
+        font-weight: 700;
 
         span {
           float: right;

docs/index.html

@@ -12,11 +12,11 @@ <h2 class="hero-subtitle">A Vue component to show status indicator as colored do
   <div class="container">
     <h3 class="heading-section">Install/Usage</h3>
     <div class="code-space">
-      <span># Install with code</span>
-      <span>$ npm i -S vue-status-indicator</span>
+      <span class="code-comment"># Install with code</span>
+      <span class="code-line">$ npm i -S vue-status-indicator</span>
       <br>
-      <span># or yarn</span>
-      <span>yarn add vue-status-indicator</span>
+      <span class="code-comment"># or yarn</span>
+      <span class="code-line">$ yarn add vue-status-indicator</span>
     </div>
   </div>
 </section>