From 1a71184bcbf714d266e80d186fd666d393ed5981 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Fri, 19 Nov 2021 02:45:51 +0100
Subject: Clean up stylesheets. Don't show options in game lists.

---
 views/join.ejs | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

(limited to 'views/join.ejs')

diff --git a/views/join.ejs b/views/join.ejs
index 6558745..b4e4718 100644
--- a/views/join.ejs
+++ b/views/join.ejs
@@ -1,7 +1,8 @@
 <%- include('header', { title: game.title_name }) -%>
 <style>
-th, td { min-width: 10em; font-size: 16px; }
-a.red { text-decoration: none; color: brown; font-size: 15px; }
+table { min-width: auto; }
+th, td { min-width: 10em; }
+a.red { text-decoration: none; color: brown; }
 td a { text-decoration: underline; color: blue; }
 .hide { display: none; }
 </style>
@@ -20,24 +21,30 @@ let ready = <%- ready %>;
 <div class="info">
 <p>
 Owner: <%= game.owner_name %>
-<br>
-Private: <%= game.private ? "yes" : "no" %>
+<% if (game.private) { %>
+(private)
+<% } %>
 <br>
 Scenario: <%= game.scenario %>
 <br>
 Options: <%= game.options %>
-<br>
-Description: <%= game.description || "No description." %>
+
+<p>
+<%= game.description || "No description." %>
 
 <br clear=left>
 
 <table class="small">
 <tr>
-<% roles.forEach((role) => { %><th id="role_<%= role.replace(/ /g, '_') %>_name"><%= role %></th><% }); %>
+<% roles.forEach((role) => { %>
+<th class="command" id="role_<%= role.replace(/ /g, '_') %>_name"><%= role %></th>
+<% }); %>
 <tr>
-<% roles.forEach((role) => { %><td id="role_<%= role.replace(/ /g, '_') %>">-</td><% }); %>
+<% roles.forEach((role) => { %>
+<td class="command" id="role_<%= role.replace(/ /g, '_') %>">-</td>
+<% }); %>
 <tr>
-<td id="message" colspan="<%= roles.length %>">-</td>
+<td class="command" id="message" colspan="<%= roles.length %>">-</td>
 </table>
 
 <p>
-- 
cgit v1.2.3