Adding a server status dialog.

diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index 8d95d85f36c47762c625f767450d66280cf6d174..c7725a07bd93f09cdeb64cb61299400911678e74 100644 (file)
--- a/src/app/views/VPN/VPN.jsx
+++ b/src/app/views/VPN/VPN.jsx
@@ -77,7 +77,7 @@ const VPN = () => {
 
   return (
     <Container>
-      <Typography variant="h5" className="mt-6">Available OpenVPN Clients<small>Status: <small style={{ color: serverStatus ? '#00FF00' : '#FF0000' }}>{ serverStatus ? 'Active' : 'Inactive' }</small></small></Typography>
+      <Typography variant="h5" className="mt-6">Available OpenVPN Clients<small>Status: <small style={{ float: 'right', color: serverStatus ? '#00FF00' : '#FF0000' }}>{ serverStatus ? 'Active' : 'Inactive' }</small></small></Typography>
       <MaterialReactTable table={ availableTable } />
 
       <Typography variant="h5" className="mt-6">Connected OpenVPN Clients</Typography>