More code tweaks to finish off tidying up the ui.

.env

@@ -1,3 +1,4 @@
 NODE_ENV=development
 API_URL=http://localhost:3001/api/
 EXTERNAL_LOGIN=true
+CKEDITOR_LICENSE_KEY=GPL

public/runtime-env.js

@@ -1 +1 @@
-window.__RUNTIME_CONFIG__ = {"NODE_ENV":"development","API_URL":"http://localhost:3001/api/","EXTERNAL_LOGIN":"true"};
+window.__RUNTIME_CONFIG__ = {"NODE_ENV":"development","API_URL":"http://localhost:3001/api/","EXTERNAL_LOGIN":"true","CKEDITOR_LICENSE_KEY":"GPL"};

src/Sass/_domains.scss

@@ -6,9 +6,9 @@
   grid-gap: $gridGap;
 }
 
-.two-column-grid-1-3 {
+.two-column-grid {
   display: grid;
-  grid-template-columns: 1fr 3fr;
+  grid-template-columns: fit-content(50%) auto;
   grid-gap: $gridGap;
 }
 

src/Sass/general.scss

@@ -3,5 +3,9 @@
 }
 
 .pagination {
-    padding:0;
+  padding: 0;
+}
+
+.fit-content-width {
+  width: fit-content;
 }

src/modules/homepage/Env.tsx

@@ -16,6 +16,12 @@ const EnvPage: React.FC = () => {
         window.__RUNTIME_CONFIG__.EXTERNAL_LOGIN ={" "}
         {window.__RUNTIME_CONFIG__.EXTERNAL_LOGIN ? "true" : "false"}
       </p>
+      <p>
+        window.__RUNTIME_CONFIG__?.CKEDITOR_LICENSE_KEY ={" "}
+        {window.__RUNTIME_CONFIG__?.CKEDITOR_LICENSE_KEY === "GPL"
+          ? "GPL"
+          : "hidden"}
+      </p>
     </>
   );
 };

src/modules/manager/domains/components/MailTemplatesTab.tsx

@@ -51,8 +51,8 @@ const MailTemplatesTab: React.FC = () => {
 
   return (
     <Loading loaded={loaded}>
-      <div className="two-column-grid-1-3">
+      <div className="two-column-grid">
-        <div>
+        <div className="fit-content-width">
           <ul className="mail-types">
             {types.map((x) => {
               return (

src/types/globals.ts

@@ -6,6 +6,7 @@ declare global {
       NODE_ENV: string;
       API_URL: string;
       EXTERNAL_LOGIN: boolean;
+      CKEDITOR_LICENSE_KEY?: string;
     };
   }
 }