Styling hotkeys form

Packages/ohif-hotkeys/client/components/form.html

@@ -1,9 +1,16 @@
 <template name="hotkeysForm">
     {{#form (extend this api=instance.api)}}
         <div class="form-content">
-            {{#each hotkeyInputInformation in getHotkeyInputInformationList}}
-                {{>inputText (extend hotkeyInputInformation class='hotkey')}}
-            {{/each}}
+            {{#let lists=getHotkeyInputInformationLists}}
+                <div class="row">
+                    <div class="col-lg-6">
+                        {{>hotkeysFormTable inputs=lists.left}}
+                    </div>
+                    <div class="col-lg-6">
+                        {{>hotkeysFormTable inputs=lists.right}}
+                    </div>
+                </div>
+            {{/let}}
         </div>
         <div class="form-buttons clearfix">
             {{#button class='btn btn-danger pull-left m-r-1' action='resetDefaults'}}Reset to Defaults{{/button}}
@@ -11,3 +18,22 @@
         </div>
     {{/form}}
 </template>
+
+<template name="hotkeysFormTable">
+    <table class="full-width">
+        <thead>
+            <tr>
+                <th class="text-right p-r-1">Function</th>
+                <th>Shortcut</th>
+            </tr>
+        </thead>
+        <tbody>
+            {{#each input in this.inputs}}
+                <tr>
+                    <td class="text-right p-r-1">{{input.label}}</td>
+                    <td width="200">{{>inputText (extend class='hotkey text-center' key=input.key value=input.value)}}</td>
+                </tr>
+            {{/each}}
+        </tbody>
+    </table>
+</template>