Reduce size of shortcuts button.

Prep for more buttons.

Author: BigBlueHat

playground/next/index.html

@@ -69,29 +69,31 @@ <h2 class="ui massive header">JSON-LD Playground</h2>
     </button>
   </div>
 
-  <button id="keyboard-shortcuts" class="ui right floated button" data-position="left center">
-    <i class="icon keyboard"></i> Shortcuts
-  </button>
-  <div class="ui popup">
-    <div class="ui top attached label">Keyboard Shortcuts</div>
-    <table class="ui very basic single line celled table">
-      <thead>
-        <tr>
-          <th>Key</th>
-          <th>Autocomplete</th>
-        </tr>
-      </thead>
-      <tbody>
-        <tr>
-          <td><label class="ui label">@</label></td>
-          <td>all of the <b>@</b> keywords</td>
-        </tr>
-        <tr>
-          <td><label class="ui label">Ctrl+Space</label></td>
-          <td>available keys in <b>@context</b></td>
-        </tr>
-      </tbody>
-    </table>
+  <div class="ui right floated buttons">
+    <button id="keyboard-shortcuts" class="ui icon button" data-position="left center">
+      <i class="icon keyboard"></i>
+    </button>
+    <div class="ui popup">
+      <div class="ui top attached label">Keyboard Shortcuts</div>
+      <table class="ui very basic single line celled table">
+        <thead>
+          <tr>
+            <th>Key</th>
+            <th>Autocomplete</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><label class="ui label">@</label></td>
+            <td>all of the <b>@</b> keywords</td>
+          </tr>
+          <tr>
+            <td><label class="ui label">Ctrl+Space</label></td>
+            <td>available keys in <b>@context</b></td>
+          </tr>
+        </tbody>
+      </table>
+    </div>
   </div>
   <!-- main editor area -->
   <div class="ui one column compact grid container" :class="[editorColumns]">