abrendan_dev/MicDropMessages
1
0
Fork 0
mirror of https://github.com/abrendan/MicDropMessages.git synced 2025-06-16 20:55:00 +02:00
Code Issues Packages Projects Releases Wiki Activity

Made the buttons center when opened on a phone

Browse Source
This commit is contained in:
abrendan 2024-01-04 22:22:21 +00:00
parent 831834728d
commit 8f6697b00b
1 changed files with 18 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
html/style.css
View File

@ -39,7 +39,6 @@ input{
align-items: center; /* Centering child elements horizontally */ align-items: center; /* Centering child elements horizontally */
} }
#Title{ #Title{
font-family: 'Segoe UI';
font-size: 300%; font-size: 300%;
} }
#LinkButtons{ #LinkButtons{
@ -111,9 +110,23 @@ body.dark-mode .input {
#Main { #Main {
width: 100%; /* Full width on narrow screens */ width: 100%; /* Full width on narrow screens */
} }
.container, .content, body { }
padding-left: 20px; /* Increase the left padding */ @media (max-width: 650px) {
padding-right: 20px; /* Increase the right padding */ #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;
} }
} }