modal styling / @Rob

src/app/ui/modaldialog.js

@@ -15,6 +15,7 @@ module.exports = (title, content, ok, cancel, focusSelector) => {
 
   var cancelDiv = document.getElementById('modal-footer-cancel')
   cancelDiv.innerHTML = (cancel && cancel.label !== undefined) ? cancel.label : 'Cancel'
+  cancelDiv.style.display = cancelDiv.innerHTML === '' ? 'none' : 'inline-block'
 
   var modal = document.querySelector(`.${css.modalBody}`)
   var modalTitle = document.querySelector(`.${css.modalHeader} h3`)

src/app/ui/styles/modaldialog-styles.js

@@ -17,17 +17,21 @@ var css = csjs`
     display: flex;
     justify-content: space-between;
     background: var(--info);
+    color: var(--primary);
   }
   .modalBody {
     padding: 1.5em;
     line-height: 1.5em;
-    color: var(--success);
+    color: var(--primary);
   }
   .modalBody em {
-    color: var(--text-secondary);
+    color: var(--success);
   }
   .modalBody a {
-    color: var(--text-secondary);
+    color: var(--secondary);
+  }
+  .modalBody a:hover {
+    color: var(--success);
   }
   .modalFooter {
     display: flex;