Changed format of instructions

src/editor/js/components/editor.css

@@ -18,9 +18,9 @@ div#ks-editor #sidepanel > * {
     margin: 0.25rem;
 }
 
-div#ks-editor #sidepanel .instruction {
+div#ks-editor #sidepanel ul.instructions li {
     border-radius: 4px;
-    background-color: #EEE;
+    background-color: #eee;
     padding-left: 3px;
     padding-right: 2px;
 }

src/editor/js/components/editor.tsx

@@ -387,36 +387,13 @@ export class Editor extends React.PureComponent<propTypes, stateTypes> {
                             onChange={this.onHistoryChange}
                         />
                         <hr />
-                        <ul>
-                            <li>
-                                <div className="instruction">
-                                    Click background to create node
-                                </div>
-                            </li>
-                            <li>
-                                <div className="instruction">
-                                    Click node to select and edit
-                                </div>
-                            </li>
-                            <li>
-                                <div className="instruction">
-                                    CTRL+Click node to delete
-                                </div>
-                            </li>
-                            <li>
-                                <div className="instruction">
-                                    Click link to delete
-                                </div>
-                            </li>
-                            <li>
-                                <div className="instruction">
-                                    SHIFT+Click a second node to connect
-                                </div>
-                                or
-                                <div className="instruction">
-                                    Drag node close to other node to connect
-                                </div>
-                            </li>
+                        <ul className="instructions">
+                            <li>Click background to create node</li>
+                            <li>Click node to select and edit</li>
+                            <li>CTRL+Click node to delete</li>
+                            <li>Click link to delete</li>
+                            <li>SHIFT+Click a second node to connect</li>
+                            <li>Drag node close to other node to connect</li>
                         </ul>
                         <hr />
                         <NodeDetails