Dev: Snippets style

src/Console/Console.scss

@@ -9,7 +9,6 @@
             padding: 10px 10px 10px 40px;
             background: #fff;
             line-height: 20px;
-            border-bottom: 1px solid $gray-light;
             .icon-ban, .icon-info-circle {
                 display: inline-block;
                 color: $gray;
@@ -54,7 +53,6 @@
             bottom: 0;
             width: 100%;
             background: #fff;
-            border-top: 1px solid $gray-light;
             height: 40px;
             .buttons {
                 display: none;

src/Snippets/Snippets.hbs

@@ -1,9 +1,8 @@
 {{#each snippets}}
-    <div class="eruda-section">
+    <div class="eruda-section eruda-run" data-idx="{{@index}}">
         <h2 class="eruda-name">{{name}}</h2>
         <div class="eruda-description">
             {{desc}}
         </div>
-        <div class="eruda-btn eruda-run" data-idx="{{@index}}">Run</div>
     </div>
 {{/each}}

src/Snippets/Snippets.scss

@@ -10,23 +10,25 @@
             border-radius: $border-radius;
             box-shadow: $box-shadow;
             overflow: hidden;
-            .btn, .name {
+            cursor: pointer;
+            &:active {
+                .name {
+                    background: $gray-dark;
+                }
+                .description {
+                    background: $gray-light;
+                }
+            }
+            .name {
                 padding: $padding;
                 color: #fff;
                 background: $gray;
-                text-align: center;
-            }
-            .btn {
-                background: $blue;
-                cursor: pointer;
                 transition: background $anim-duration;
             }
-            .btn:active {
-                background: $blue-dark;
-            }
             .description {
                 background: #fff;
                 padding: $padding;
+                transition: background $anim-duration;
             }
         }
     }