merge

1 files changed, 39 insertions, 6 deletions

diff --git a/style.css b/style.css
index 35e0058..6c11cf9 100644
--- a/style.css
+++ b/style.css
@@ -123,31 +123,64 @@ form#user_creation>* {
     margin-right: 1.5em;
 }
 
-ul.userlist>li a {
+ul.userlist>li a, .firstletterlist>ul>li a {
     text-decoration: none;
 }
 
-ul.userlist {
+.firstletterlist>h3 {
+    margin: 5px;
+    margin-right: 2em;
+}
+
+ul.userlist, .firstletterlist {
+    padding: 1em;
+    padding-top: 0;
+    margin-top: 2em;
+    border-radius: 4px;
+}
+
+ul.userlist, .firstletterlist>ul {
     display: grid;
     justify-content: left;
     grid-auto-rows: minmax(5em, auto);
     gap: 1em;
     grid-template-columns: repeat(auto-fill, minmax(8em, 1fr));
     list-style-type: none;
-    margin-left: auto;
-    margin-right: auto;
-    margin-top: 1em;
 }
 
-.userlist>li>a {
+.firstletterlist {
+    background-color: var(--b2);
+    padding: 1em;
+	border-radius: 4px;
+}
+
+.firstletterlist>ul {
+    grid-auto-rows: minmax(2em, auto);
+    grid-template-columns: repeat(auto-fill, minmax(3em, 1fr));
+    padding-left: 1em;
+}
+
+ul.userlist>li a, .firstletterlist>ul>li a {
     border-radius: 4px;
     background-color: var(--b2);
+	border-radius: 4px;
     padding: 1em;
     display: inline-block;
     width: 6em;
     height: 3.5em;
 }
 
+.firstletterlist>ul>li a {
+	border-radius: 4px;
+	background-color: var(--b0);
+	padding: .2em;
+	display: inline-block;
+	text-align: center;
+	width: 1.6em;
+	height: 1.6em;
+	font-size: 1.2em;
+}
+
 .name {
     display: block;
     overflow: hidden;