Dev: Elements bottom bar icons

script/icomoon.js

@@ -1,4 +1,7 @@
-// Icons(Font-awesome): times-circle, exclamation-triangle, chevron-left, chevron-right, repeat, trash, cog, ban, info-circle
+/* Icons(Font-awesome): times-circle, exclamation-triangle, chevron-left,
+ * chevron-right, repeat, trash, cog, ban, info-circle, hand-pointer-o, eye,
+ * rotate-left
+ */
 
 var fs = require('fs'),
     path = require('path');

src/Elements/BottomBar.hbs

@@ -1,7 +1,17 @@
 <div class="eruda-bottom-bar">
-    <div class="eruda-btn eruda-back" ontouchstart>Back</div>
-    <div class="eruda-btn eruda-select">Select</div>
-    <div class="eruda-btn eruda-refresh" ontouchstart>Refresh</div>
-    <div class="eruda-btn eruda-highlight" ontouchstart>Highlight</div>
-    <div class="eruda-btn eruda-reset" ontouchstart>Reset</div>
+    <div class="eruda-btn eruda-back" ontouchstart>
+        <span class="eruda-icon eruda-icon-chevron-left"></span>
+    </div>
+    <div class="eruda-btn eruda-select">
+        <span class="eruda-icon eruda-icon-hand-pointer-o"></span>
+    </div>
+    <div class="eruda-btn eruda-refresh" ontouchstart>
+        <span class="eruda-icon eruda-icon-repeat"></span>
+    </div>
+    <div class="eruda-btn eruda-highlight" ontouchstart>
+        <span class="eruda-icon eruda-icon-eye"></span>
+    </div>
+    <div class="eruda-btn eruda-reset" ontouchstart>
+        <span class="eruda-icon eruda-icon-rotate-left"></span>
+    </div>
 </div>

src/Elements/Elements.scss

@@ -108,12 +108,11 @@
             .btn {
                 text-align: center;
                 color: $gray;
-                font-size: 12px;
+                font-size: 14px;
                 line-height: 40px;
                 flex-grow: 1;
                 &:active, &.active {
-                    background: $blue;
-                    color: #fff;
+                    color: $blue;
                 }
             }
         }

src/Sources/JsonViewer.es6

@@ -58,7 +58,7 @@ function createEl(key, val)
     {
         return `<li>
                    <span class="eruda-key">"${encode(key)}":</span>
-                   <span class="eruda-null">"${encode(val)}"</span>
+                   <span class="eruda-null">null</span>
                </li>`;
     }
     if (util.isObj(val))