Adding a server status dialog.

diff --git a/src/app/views/VPN/VPN.jsx b/src/app/views/VPN/VPN.jsx
index 73629a4d25c00608762024672117fc6d4f03e207..c1a0c9e996f142153e24db980a96a7fa96b4ec0b 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 style={{ float: 'right' }} >Status: <small style={{ color: serverStatus ? '#00FF00' : '#FF0000' }}>{ serverStatus ? 'Active' : 'Inactive' }</small></small></Typography>
+      <Typography variant="h5" className="mt-6">Available OpenVPN Clients<small style={{ float: 'right', marginRight: '1rem' }} >Status: <small style={{ color: serverStatus ? '#00FF00' : '#FF0000' }}>{ serverStatus ? 'Active' : 'Inactive' }</small></small></Typography>
       <MaterialReactTable table={ availableTable } />
 
       <Typography variant="h5" className="mt-6">Connected OpenVPN Clients</Typography>