From 831834728db596228a5d966a353e538c5ae90143 Mon Sep 17 00:00:00 2001 From: abrendan <94894839+abrendan@users.noreply.github.com> Date: Thu, 4 Jan 2024 21:00:23 +0000 Subject: [PATCH] Made adjustments to the padding when viewed on a smaller screen --- html/index.html | 2 +- html/style.css | 9 +++++++-- 2 files changed, 8 insertions(+), 3 deletions(-) diff --git a/html/index.html b/html/index.html index d301bba..353a1d4 100644 --- a/html/index.html +++ b/html/index.html @@ -12,7 +12,7 @@
-

MicDropMessages V1.5

+

MicDropMessages V1.6

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 0afca0c..49351ab 100644 --- a/html/style.css +++ b/html/style.css @@ -104,11 +104,16 @@ body.dark-mode .input { background-color:#000000; color:#ffffff; } -@media (max-width: 600px) { +@media (max-width: 800px) { label { width: auto; /* Full width on narrow screens */ } #Main { width: 100%; /* Full width on narrow screens */ } -} \ No newline at end of file + .container, .content, body { + padding-left: 20px; /* Increase the left padding */ + padding-right: 20px; /* Increase the right padding */ + } +} +