Fix CBOR-LD side-table on small (> 1080p) screens.

Author: BigBlueHat

playground/next/index.html

@@ -297,8 +297,8 @@ <h2 class="ui massive header">JSON-LD Playground</h2>
     <div v-for="(tab, key) in tabs" :class="{ active: outputTab == key }" class="item" @click="setOutputTab(key)"><i class="icon" :class="tab.icon"></i> <span v-text="tab.label"></span></div>
   </div>
   <div class="ui fitted resizable scrolling active bottom attached tab segment">
-    <div class="ui grid">
-      <div class="column" :class="{'nine wide': outputTab == 'cborld'}">
+    <div class="ui very compact divided grid">
+      <div class="column" :class="{'eight wide': outputTab == 'cborld'}">
         <div v-show="outputTab != 'table'" id="read-only-editor"><!-- replaced by CodeMirror --></div>
         <table class="ui very padded table" v-show="outputTab == 'table'">
           <thead>
@@ -340,8 +340,8 @@ <h2 class="ui massive header">JSON-LD Playground</h2>
           </tr>
         </table>
       </div>
-      <div class="seven wide column" v-if="outputTab == 'cborld'">
-        <table class="ui fixed definition table">
+      <div class="eight wide column" v-if="outputTab == 'cborld'">
+        <table class="ui fixed definition table" style="margin-left: -0.25rem">
           <tr>
             <td class="three wide">JSON-LD Size</td><td><span v-text="cborLD.jsonldSize"></span> bytes</td>
           </tr>