updates to look & feel

interface/src/project/Modules.tsx

@@ -167,6 +167,7 @@ const Modules: FC = () => {
 
     const colorStatus = (status: number) => {
       if (status === 1) {
+        // TODO translate
         return <div style={{ color: 'red' }}>Pending Activation</div>;
       }
       return <div style={{ color: '#00FF7F' }}>Activated</div>;

interface/src/project/ModulesDialog.tsx

@@ -54,7 +54,7 @@ const ModulesDialog = ({
   };
 
   return (
-    <Dialog sx={dialogStyle} open={open} onClose={onClose}>
+    <Dialog sx={dialogStyle} fullWidth maxWidth="xs" open={open} onClose={onClose}>
       <DialogTitle>{LL.EDIT() + ' ' + editItem.key}</DialogTitle>
       <DialogContent dividers>
         <Grid container>
@@ -66,15 +66,17 @@ const ModulesDialog = ({
                 name="enabled"
               />
             }
-            label={LL.ACTIVE()}
+            // TODO translate
+            label="Enabled"
           />
         </Grid>
-        <Box mt={1} mb={1}>
+        <Box mt={2} mb={1}>
           <TextField
             name="license"
             label="License Key"
             multiline
             rows={6}
+            columns={40}
             fullWidth
             value={editItem.license}
             onChange={updateFormValue}

mock-api/rest_server.ts

@@ -2144,7 +2144,7 @@ let emsesp_modules = {
       "version": "1.0.0",
       "enabled": true,
       "status": 1,
-      "message": "Ready",
+      "message": "Running",
       "license": "1234567890"
     },
     {
@@ -2155,7 +2155,7 @@ let emsesp_modules = {
       "version": "1.0.0",
       "enabled": true,
       "status": 2,
-      "message": "Ready",
+      "message": "Running",
       "license": "ABCDEFGHIJKL"
 
     }