update DNS page

assets/css/main.css

@@ -104,7 +104,8 @@ body {
 }
 
 #ConfigureDNSTable {
-    width: 400px;
+    display: inline-block;
+    float: left;
 }
 
 /* Tables */

routes/dns.js

@@ -10,10 +10,11 @@ const { GetAllRecords, CoreDNSToDomain } = require('../coredns_bridge.js');
 const { capitalizeFirstLetter } = require('../helpers.js');
 
 const recordTypeMap = {
-    "host": "A",
-    "cname": "CNAME",
-    "txt": "TXT",
-    "srv": "SRV"
+    "host":     "A",
+    "cname":    "CNAME",
+    "txt":      "TXT",
+    "mx":       "MX",
+    "srv":      "SRV"
 }
 
 // Manage domains

views/dns.handlebars

@@ -1,17 +1,26 @@
 <p>Configuring DNS records for {{domain.domain}}.{{domain.tld}}</p>
 
-<table id="ConfigureDNSTable">
-    <tr>
-        {{#each dnsRecordsHeaders}}
-            <th>{{this}}</th>
+<div id="ConfigureDNSTable">
+    <table>
+        <tr>
+            {{#each dnsRecordsHeaders}}
+                <th>{{this}}</th>
+            {{/each}}
+        </tr>
+        {{#each dnsRecords}}
+        <tr>
+            {{#each this}}
+            <td>{{this}}</td>
+            {{/each}}
+        </tr>
         {{/each}}
-    </tr>
-    {{#each dnsRecords}}
-    <tr>
-        {{#each this}}
-        <td>{{this}}</td>
-        {{/each}}
-    </tr>
-    {{/each}}
-</table>
+    </table>
+</div>
 
+<div class="ContentBox" id="DomainOptions">
+    <div style="width: 200px;"></div>
+    <p class="TitleText">Options</p>
+    <ul>
+        <li><a href="/dns/new">Add New Record</a></li>
+    </ul>
+</div>