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 */ +} +