refresh btn

client/cryps.css

@@ -293,6 +293,12 @@ header {
     font-size: 1.2em;
 }
 
+.refresh-btn {
+    border: 1px solid whitesmoke;
+    float: right;
+    font-size: 1.5em;
+}
+
 .create-form {
     flex: 1;
 
@@ -449,7 +455,7 @@ table td {
     transition-timing-function: ease;
 }
 
-table td:active {
+.vbox-table table td:active {
     background-color: whitesmoke;
     color: black;
 }

client/src/components/menu.component.jsx

@@ -26,6 +26,7 @@ function Menu(args) {
         sendInstanceState,
         sendPlayerMmCrypsSet,
         sendInstanceJoin,
+        sendInstanceList,
         sendCrypSpawn,
         instances,
     } = args;
@@ -78,6 +79,9 @@ function Menu(args) {
                     </thead>
                     <tbody>
                         {instancePanels}
+                        <tr className="right" onClick={() => sendInstanceList()}>
+                            <td colSpan={3} >↺</td>
+                        </tr>
                     </tbody>
                 </table>
                 <InstanceCreateForm />

client/src/components/menu.container.jsx

@@ -29,12 +29,17 @@ const addState = connect(
             return ws.sendInstanceState(instance.id);
         }
 
+        function sendInstanceList() {
+            return ws.sendAccountInstances();
+        }
+
         return {
             account,
             cryps,
             selectedCryps,
             sendInstanceJoin,
             sendInstanceState,
+            sendInstanceList,
             sendCrypSpawn,
             sendPlayerMmCrypsSet,
             instances,