From 5f2dee40001ee141c1da0c70a71649608f18dbd6 Mon Sep 17 00:00:00 2001
From: deepend-tildeclub <58404188+deepend-tildeclub@users.noreply.github.com>
Date: Sat, 17 Aug 2024 10:43:49 -0600
Subject: [PATCH] Update style.css

---
 style.css | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/style.css b/style.css
index cbc9dc1..8735b73 100644
--- a/style.css
+++ b/style.css
@@ -294,7 +294,7 @@ pre {
 .active-users-container {
     margin-top: 20px;
     display: flex;
-    align-items: center; /* Vertically align the text and scrolling list */
+    align-items: center;
     white-space: nowrap;
 }
 
@@ -303,17 +303,17 @@ pre {
     box-sizing: border-box;
     padding-left: 10px; /* Space between heading and scrolling list */
     background-color: #111;
-    border-radius: 0.25em;
-    border: 1px solid #fb5;
     color: #fb5;
     width: 100%; /* Make the list take up the rest of the available space */
 }
 
 .active-users-list ul {
     display: inline-block;
-    animation: scroll-left 15s linear infinite;
+    padding: 0;
     margin: 0;
     list-style-type: none;
+    white-space: nowrap;
+    animation: scroll-left 15s linear infinite;
 }
 
 .active-users-list li {
@@ -325,12 +325,18 @@ pre {
 
 @keyframes scroll-left {
     0% {
-        transform: translateX(100%);
+        transform: translateX(0);
     }
     100% {
         transform: translateX(-100%);
     }
 }
 
+.active-users-list ul::after {
+    content: '';
+    display: inline-block;
+    width: 100%; /* Width of the space to repeat */
+}
+