Made the buttons center when opened on a phone

This commit is contained in:
abrendan 2024-01-04 22:22:21 +00:00
parent 831834728d
commit 8f6697b00b

View File

@ -39,7 +39,6 @@ input{
align-items: center; /* Centering child elements horizontally */
}
#Title{
font-family: 'Segoe UI';
font-size: 300%;
}
#LinkButtons{
@ -111,9 +110,23 @@ body.dark-mode .input {
#Main {
width: 100%; /* Full width on narrow screens */
}
.container, .content, body {
padding-left: 20px; /* Increase the left padding */
padding-right: 20px; /* Increase the right padding */
}
@media (max-width: 650px) {
#Title {
font-size: 150%;
}
#ConnectButton,
#WebsiteButton {
display: block;
margin: 0 auto;
}
#LinkButtons {
text-align: center;
}
#SendMessage {
display: block;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 10px;
}
}