diff --git a/CNAME b/CNAME deleted file mode 100644 index 6f70416..0000000 --- a/CNAME +++ /dev/null @@ -1 +0,0 @@ -jaceroell.dev \ No newline at end of file diff --git a/blackjack.html b/blackjack.html index 642b715..aa0b528 100644 --- a/blackjack.html +++ b/blackjack.html @@ -179,29 +179,55 @@ @media screen and (max-width: 600px) { .container { padding: 10px; + position: relative; /* Add relative positioning to the container */ } .leaderboard { - position: static; - width: auto; - margin-top: 60px; /* Increase margin-top for more space */ - padding-top: 20px; /* Add padding to create space */ - min-height: 200px; + position: absolute; + top: 10px; + right: 10px; + background-color: #005335; + padding: 15px; + border-radius: 10px; + width: 400px; + max-width: calc(100% - 20px); /* Adjust max-width to fit within the container */ + z-index: 1; /* Ensure the leaderboard stays above other content */ } #leaderboard-list li:nth-child(n+4) { display: none; } #chat-container { - position: static; - width: auto; - margin-top: 40px; /* Increase margin-top for more space */ - padding-top: 20px; /* Add padding to create space */ - min-height: 150px; + position: absolute; + top: 10px; + left: 10px; + background-color: #333; + padding: 10px; + border-radius: 10px; + width: 300px; + height: 300px; + color: white; + overflow-y: auto; + z-index: 1; /* Ensure the chat container stays above other content */ } #chat-messages { - max-height: none; + max-height: 230px; + overflow-y: auto; + white-space: pre-wrap; + word-wrap: break-word; + } + #chat-input-container { + display: flex; + align-items: center; + justify-content: space-between; + margin-top: 5px; } #chat-input { - width: calc(100% - 70px); + flex: 1; + width: 0; + padding: 5px; + margin-right: 5px; + } + #send-button { + padding: 5px; } }