From 5ad7ad2ce6fd396c4acb921e58b606f91901c0fa Mon Sep 17 00:00:00 2001 From: abrendan <94894839+abrendan@users.noreply.github.com> Date: Fri, 12 Jan 2024 14:28:32 +0000 Subject: [PATCH] V1.7! Bigger buttons for when viewed on a mobile screen or the android application --- html/index.html | 2 +- html/style.css | 9 ++++++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/html/index.html b/html/index.html index 353a1d4..914eb78 100644 --- a/html/index.html +++ b/html/index.html @@ -12,7 +12,7 @@
-

MicDropMessages V1.6

+

MicDropMessages V1.7

Welcome to MicDropMessages! This small webbased application allows you to chat with your friends anonymously! To start, enter your username and enter a chatroom.

diff --git a/html/style.css b/html/style.css index 3b45bcd..925ae70 100644 --- a/html/style.css +++ b/html/style.css @@ -115,7 +115,12 @@ body.dark-mode .input { #Title { font-size: 150%; } - #ConnectButton, + #ConnectButton { + display: block; + margin: 0 auto; + padding: 20px 40px; /* Increase the padding to make the button bigger */ + font-size: 20px; /* Increase the font-size for better readability on small screens */ + } #WebsiteButton { display: block; margin: 0 auto; @@ -128,5 +133,7 @@ body.dark-mode .input { margin: 0 auto; margin-bottom: 20px; margin-top: 10px; + padding: 20px 40px; /* Increase the padding to make the button bigger */ + font-size: 20px; /* Increase the font-size for better readability on small screens */ } }