Make status and relevant smiley emote float right

public/css/water.css

@@ -31,3 +31,11 @@ body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxyg
 #jobs > tbody > tr:nth-child(2n+1) > td > details {
    background-color: #161f27;
 }
+
+#jobs > tbody > tr > td > details > summary > span:not(:first-child) {
+   float: right;
+}
+
+#jobs > tbody > tr > td > details > table > tbody > tr > td {
+   font-family: monospace;
+}

public/js/js.js

@@ -38,8 +38,16 @@ function init() {
       })
    }
    function format(job) {
+      var smiley = "128522"
+      if (job.last.status != 0) {
+         smiley = "129324"
+      }
+      smiley = `&#${smiley};`
       return `<tr><td><details>
-         <summary name="${job.id}">(${job.last.status}) ${job.title}</summary>
+         <summary name="${job.id}"}">
+            <span>${job.title}</span>
+            <span>${job.last.status} ${smiley}</span>
+         </summary>
          <table>
             <tr>
                <td><code>${job.cron}</code></td>