From 3263543e68fe49ac9fc7fe4019d79e65ba62591c Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Wed, 21 Sep 2022 09:58:57 +0100
Subject: [PATCH] Yet more style changes

---
 issue.php        |  6 ++++--
 styles/style.css | 30 +++++++++++++++++++-----------
 2 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/issue.php b/issue.php
index 340be09..e286a98 100644
--- a/issue.php
+++ b/issue.php
@@ -62,9 +62,11 @@
         </span>
         <br>
         <br>
-        <span class="text-description">
+        <span class="form-info">
           Your user agent is:
-          <br>
+        </span>
+        <br>
+        <span class="text-description">
           <?php echo $ua_str; ?>
         </span>
         <br>
diff --git a/styles/style.css b/styles/style.css
index 615581a..0b5106e 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -32,6 +32,12 @@ body {
   font-size: 18px;
 }
 
+@media only screen and (min-width: 600px) {
+  .form-text-small {
+    width: 50%;
+  }
+}
+
 .form-text-large {
   text-align: left;
   border: black;
@@ -42,6 +48,12 @@ body {
   font-size: 16px;
 }
 
+@media only screen and (min-width: 600px) {
+  .form-text-large {
+    width: 50%;
+  }
+}
+
 .form-info {
   color: #0280e5;
   font-size: 17px;
@@ -53,22 +65,18 @@ body {
   color: #0280e5;
   padding-top: 5px;
   padding-bottom: 5px;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-.text-description p {
+p.text-description{
   width: 80%;
+  margin-left: auto;
+  margin-right: auto;
 }
 
-@media only screen and (min-width: 768px) {
-  .form-text-small {
-    width: 50%;
-  }
-
-  .form-text-large {
-    width: 50%;
-  }
-
-  .text-description p {
+@media only screen and (min-width: 600px) {
+p.text-description{
     width: 50%;
   }
 }