CSS tweaks to room list view.

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 5fd0a7558163e2f765ee96af65366808dee4d720..03dad954f606180f59e60b7152b9235e40ce46ba 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -117,7 +117,7 @@ html,body,h1,h2,h3,h4,h5 {
 }
 
 .ctdl-forum-reading-pane {
-       background-color: DarkSlateGrey;
+       background-color: DarkSlateGrey;        /* Background behind the message boxes */
 }
 
 .ctdl-fmsg-wrapper {                           /* message wrapper for forum view */
@@ -267,7 +267,8 @@ blockquote pre {
 }
 
 .ctdl-roomlist-top {
-       margin: 1%;
+       margin: 0;
+       background-color: GhostWhite;
 }
 
 .ctdl-roomlist-floor {
@@ -276,6 +277,7 @@ blockquote pre {
 .ctdl-roomlist-floor-label {
        font-size: x-large;
        margin: 1vw;
+       margin-bottom: 0;
 }
 
 .ctdl-roomlist-floor-rooms {
@@ -284,10 +286,13 @@ blockquote pre {
 .ctdl-roomlist-room {
        overflow: hidden;
        border-radius: 10px;
+       border-style: outset;
        background-color: White;
        padding: 0.5vw;
-       margin-bottom: 0.5vw;
-       width: 100%;
+       margin-top: 0;
+       margin-bottom: 0.25vw;
+       margin-left: 1vw;
+       margin-right: 1vw;
 }
 
 .ctdl-roomlist-roomicon {

diff --git a/webcit-ng/static/js/roomlist.js b/webcit-ng/static/js/roomlist.js
index cdb3adfef1598db9aa385d2a1457dcfc3a582506..229ad3443cd1b28a8728a4c9ac54890a580d1639 100644 (file)
--- a/webcit-ng/static/js/roomlist.js
+++ b/webcit-ng/static/js/roomlist.js
@@ -48,9 +48,9 @@ function display_room_list_renderer(floor_list, room_list) {
        for (var i in room_list) {
                if (room_list[i].current_view == views.VIEW_BBS) {
                        output[room_list[i].floor] +=
-                               "<div class=\"w3-button ctdl-roomlist-room\" onClick=\"javascript:gotoroom('"
+                               "<div class=\"ctdl-roomlist-room\" onClick=\"javascript:gotoroom('"
                                + escapeJS(escapeHTML(room_list[i].name)) + "');\">"
-                               + "<i class=\"w3-badge ctdl-roomlist-roomicon w3-left "
+                               + "<i class=\"ctdl-roomlist-roomicon "
                                + (room_list[i].hasnewmsgs ? "w3-blue" : "w3-gray")
                                + " fas fa-comments fa-fw\"></i><span class=\"ctdl-roomlist-roomname"
                                + (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomname-hasnewmsgs" : "")