Now it has a button look.

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 1105a43ab3b1014d070293982a009e2507b3de07..3ab856f2cdc963b52927e5a7290b067bc0bcd294 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -154,6 +154,12 @@ blockquote pre {
        background-color: white;
        padding: 0.5vw;
        margin-bottom: 0.5vw;
+       width: 100%;
+       text-align: left;
+       display: flex;
+       flex-direction: row;
+       /* justify-content: center; */
+       align-items: center;
 }
 
 .ctdl-roomlist-roomname {

diff --git a/webcit-ng/static/js/roomlist.js b/webcit-ng/static/js/roomlist.js
index 496ec21df6c32e19f0717a9794ce76cd31be6b35..ee62602f108956603311a159c75f362c7815aaee 100644 (file)
--- a/webcit-ng/static/js/roomlist.js
+++ b/webcit-ng/static/js/roomlist.js
@@ -53,7 +53,7 @@ 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=\"ctdl-roomlist-room\" onClick=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
+                       output[room_list[i].floor] += "<div class=\"w3-button ctdl-roomlist-room\" onClick=\"javascript:gotoroom('" + escapeJS(escapeHTML(room_list[i].name)) + "');\">";
                        output[room_list[i].floor] += "<i class=\"ctdl-roomlist-roomicon fas fa-comments";
                        output[room_list[i].floor] += (room_list[i].hasnewmsgs ? " ctdl-roomlist-roomicon-hasnewmsgs" : "");
                        output[room_list[i].floor] += " fa-fw\"></i><span class=\"ctdl-roomlist-roomname\"";