Tuned up the CSS on more banner buttons

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 0470c8b26915659a24af220f59cbc4efe28050a4..01c168bb162757e6e9a4a3dd5f3e8f19619043aa 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -87,7 +87,6 @@
        display: block;
        background-color: DarkSlateGrey;
        color: White;
-       /* font-size: 1.7vh; */
        font-size: calc(50% + 0.6vw);
        border: none;
        padding: 1vh;
@@ -224,12 +223,13 @@ html,body,h1,h2,h3,h4,h5 {
        border-width: thin;
        border-color: Black;
        cursor: default;
+       font-size: calc(50% + 0.4vh);
 }
 
 .ctdl-msg-button:hover {
        background-color: #123456;
        color: GhostWhite;
-       transition: .3s;
+       transition: .4s;
        border-color: #123456;
        cursor: default;
 }

diff --git a/webcit-ng/static/js/view_mail.js b/webcit-ng/static/js/view_mail.js
index f1596dcae7c5a5425cf08f080cd1c33ddf4ae799..4b2470021b121ec1345b4e1ae60203d901e49a69 100644 (file)
--- a/webcit-ng/static/js/view_mail.js
+++ b/webcit-ng/static/js/view_mail.js
@@ -337,12 +337,12 @@ function mail_render_row(msg, is_selected) {
 // RENDERER FOR THIS VIEW
 function view_render_mail() {
        // Put the "enter new message" button into the topbar
-       document.getElementById("ctdl-newmsg-button").innerHTML = "<i class=\"fa fa-edit\"></i>" + _("Write mail");
+       document.getElementById("ctdl-newmsg-button").innerHTML = `<i class="fa fa-edit"></i>&nbsp;` + _("Write mail");
        document.getElementById("ctdl-newmsg-button").style.display = "block";
 
        // Put the "delete message(s)" button into the topbar
        let d = document.getElementById("ctdl-delete-button");
-       d.innerHTML = "<i class=\"fa fa-trash\"></i>" + _("Delete");
+       d.innerHTML = `<i class="fa fa-trash"></i>&nbsp;` + _("Delete");
        d.style.display = "block";
        //d.addEventListener("click", mail_delete_selected);