From 18123d3b033d27ec758d6f2f2ec6ea26ee5f0588 Mon Sep 17 00:00:00 2001
From: Mykola <golubev.nikolay@gmail.com>
Date: Mon, 13 Apr 2020 17:58:56 -0400
Subject: [PATCH 1/3] remove fragment to use with older versions of react

---
 src/components/viewer/ComponentViewer.tsx      |  4 ++--
 .../viewer/help/ComponentViewerHelp.css        |  4 ----
 .../viewer/help/ComponentViewerHelp.tsx        | 18 ++++++++++++------
 3 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/viewer/ComponentViewer.tsx b/src/components/viewer/ComponentViewer.tsx
index 6f829bf..9bf822d 100644
--- a/src/components/viewer/ComponentViewer.tsx
+++ b/src/components/viewer/ComponentViewer.tsx
@@ -73,11 +73,11 @@ class ComponentViewer extends Component<Props, ComponentViewerState> {
             this.renderSelectionPanelAndDemo(demoEntry);
 
         return (
-            <React.Fragment>
+            <div>
                 <GlobalHotKeysHandler keyBoundActions={this.hotKeyBoundActions}/>
                 {rendered}
                 <VisualizedActions/>
-            </React.Fragment>
+            </div>
         );
     }
 
diff --git a/src/components/viewer/help/ComponentViewerHelp.css b/src/components/viewer/help/ComponentViewerHelp.css
index e7e902e..a6bdc31 100644
--- a/src/components/viewer/help/ComponentViewerHelp.css
+++ b/src/components/viewer/help/ComponentViewerHelp.css
@@ -29,8 +29,4 @@
 }
 
 .rcv-component-viewer-help-hotkeys-grid {
-    display: grid;
-
-    grid-template-columns: auto 1fr;
-    grid-gap: 8px 32px;
 }
\ No newline at end of file
diff --git a/src/components/viewer/help/ComponentViewerHelp.tsx b/src/components/viewer/help/ComponentViewerHelp.tsx
index e981037..674ac40 100644
--- a/src/components/viewer/help/ComponentViewerHelp.tsx
+++ b/src/components/viewer/help/ComponentViewerHelp.tsx
@@ -9,13 +9,15 @@ export function ComponentViewerHelp() {
     return (
         <div className="rcv-component-viewer-help">
             <h1>Hotkeys</h1>
-            <div className="rcv-component-viewer-help-hotkeys-grid">
+            <table className="rcv-component-viewer-help-hotkeys-grid">
+                <tbody>
                 {Object.keys(globalActionDefaultKeys).map(actionKey =>
                     <HotKeyAndDescription
                         key={actionKey}
                         actionKey={actionKey}
                     />)}
-            </div>
+                </tbody>
+            </table>
             <h1>GitHub</h1>
             <a href="https://github.com/TestingIsDocumenting/react-component-viewer" target="_blank">Repository</a>
         </div>
@@ -28,9 +30,13 @@ interface HotKeyAndDescriptionProps {
 
 function HotKeyAndDescription({actionKey}: HotKeyAndDescriptionProps) {
     return (
-        <React.Fragment>
-            <HotKeyPill hotKey={globalActionDefaultKeys[actionKey]}/>
-            <div>{globalActionDescription[actionKey]}</div>
-        </React.Fragment>
+        <tr>
+            <td>
+                <HotKeyPill hotKey={globalActionDefaultKeys[actionKey]}/>
+            </td>
+            <td>
+                <div>{globalActionDescription[actionKey]}</div>
+            </td>
+        </tr>
     );
 }

From 64f67c6ee2d31910b7f7f0a398986190eedc38a1 Mon Sep 17 00:00:00 2001
From: Mykola <golubev.nikolay@gmail.com>
Date: Mon, 13 Apr 2020 17:59:11 -0400
Subject: [PATCH 2/3] 0.22.0

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index dd1ea82..6749f9d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "react-component-viewer",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 914bff4..223f68c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-component-viewer",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "React Component to help with development of other React components",
   "repository": {
     "type": "git",

From 8f8e82ea43fd93c809fa597590736c7691ec43e8 Mon Sep 17 00:00:00 2001
From: Mykola <golubev.nikolay@gmail.com>
Date: Mon, 13 Apr 2020 18:01:41 -0400
Subject: [PATCH 3/3] 0.23.0

---
 package-lock.json | 2 +-
 package.json      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 6749f9d..7adb1ba 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "react-component-viewer",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index 223f68c..ac13c00 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-component-viewer",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "React Component to help with development of other React components",
   "repository": {
     "type": "git",