Room list styling

2 files changed, 19 insertions, 9 deletions

diff --git a/client/style.css b/client/style.css
index 90e6a03..3da29f8 100644
--- a/client/style.css
+++ b/client/style.css
@@ -118,6 +118,15 @@ button, input {
   margin-top: 6px;
 }
 
+.rooms {
+  max-width: 800px;
+  margin: auto;
+}
+
+.rooms ul {
+  text-align: left;
+}
+
 footer {
   font-size: 12px;
   margin: 60px auto 60px auto;
diff --git a/server/lib/Uplcg/Views.hs b/server/lib/Uplcg/Views.hs
index 772c83b..8241158 100644
--- a/server/lib/Uplcg/Views.hs
+++ b/server/lib/Uplcg/Views.hs
@@ -31,15 +31,16 @@ template conf title body = H.docTypeHtml $ do
         H.footer $ "Untitled PL Card Game version " <> H.toHtml version
 
 rooms :: Config -> [RoomView] -> H.Html
-rooms conf rids = template conf "Untitled PL Card Game" $ do
-    H.h1 "Rooms"
-    H.ul $ for_ rids $ \(RoomView rid num) -> H.li $ do
-        H.a H.! A.href (H.toValue $
-                BaseUrl.render (cBaseUrl conf) <> "/rooms/" <> rid) $
-            H.toHtml rid
-        " ("
-        H.toHtml num
-        ")"
+rooms conf rids = template conf "Untitled PL Card Game" $
+    H.div H.! A.class_ "rooms" $ do
+        H.h1 "Rooms"
+        H.ul $ for_ rids $ \(RoomView rid num) -> H.li $ do
+            H.a H.! A.href (H.toValue $
+                    BaseUrl.render (cBaseUrl conf) <> "/rooms/" <> rid) $
+                H.toHtml rid
+            " ("
+            H.toHtml num
+            ")"
 
 client :: Config -> Text -> H.Html
 client conf roomId = template conf "Untitled PL Card Game" $ do