Touch-screen friendly 100% nick list on narrow screens

diff --git a/client/assets/themes/basic/style.css b/client/assets/themes/basic/style.css
index 4a6575e66bcb27709b18f602b601e4c0fd15c3fb..8c5c0b7a176b9b660db4eb27cc1516470c851cc7 100644 (file)
--- a/client/assets/themes/basic/style.css
+++ b/client/assets/themes/basic/style.css
@@ -188,6 +188,11 @@
 #kiwi .memberlists ul { list-style: none; margin-left:2px; }
 #kiwi .memberlists ul.active { }
 #kiwi .memberlists ul li { padding:0 2px; }
+#kiwi.narrow .memberlists ul li {
+    padding: 0.5em 1em;
+    border-bottom: 1px solid lightgray;
+    text-align: center;
+}
 #kiwi .memberlists ul li:hover {}
 #kiwi .memberlists ul li a.nick { display:block; color:black; }
 

diff --git a/client/assets/themes/relaxed/style.css b/client/assets/themes/relaxed/style.css
index 6240767f85e196814fb6d107465f0f64cb62fc52..c263108f5b24f399ce6902c96fdb9304745adc50 100644 (file)
--- a/client/assets/themes/relaxed/style.css
+++ b/client/assets/themes/relaxed/style.css
@@ -201,6 +201,11 @@
 #kiwi .memberlists ul { list-style: none; }
 #kiwi .memberlists ul.active { }
 #kiwi .memberlists ul li { padding: 0.2em 1em; }
+#kiwi.narrow .memberlists ul li {
+    padding: 0.5em 1em;
+    border-bottom: 1px solid lightgray;
+    text-align: center;
+}
 #kiwi .memberlists ul li:hover {
     border-left: 5px solid #88C56A;
     -webkit-transition: 0.2s ease;