From b3957224a0fc925e55d57043d12410abeb8788fb Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Wed, 21 Sep 2022 10:04:41 +0100
Subject: [PATCH] Move .text-description blocks in to <div>'s

---
 help.php         |  4 ++--
 index.php        |  4 ++--
 issue.php        | 28 ++++++++++++++--------------
 styles/style.css | 11 +++--------
 4 files changed, 21 insertions(+), 26 deletions(-)

diff --git a/help.php b/help.php
index 13f2f1e..1fe4fef 100644
--- a/help.php
+++ b/help.php
@@ -13,7 +13,7 @@
     <?php require "./page-blocks/title-image.php";?>
 
     <h2>Help</h2>
-      <span class="text-description">
+      <div class="text-description">
         <p>Just type in a three character CRS code or a TIPLOC into the text
            box and tap the Lookup button.</p>
         <p>If you enter a TIPLOC, this will not be verified - if it is
@@ -26,7 +26,7 @@
            lookup.</p>
         <p>I am working on a new version that will provide data for every
            station in the National Rail database.</p>
-      </span>
+      </div>
 
       <!-- Footer -->
       <?php include './page-blocks/footer.php';?>
diff --git a/index.php b/index.php
index 0ae2784..48bdb04 100644
--- a/index.php
+++ b/index.php
@@ -38,10 +38,10 @@
 
       <br>
       <br>
-      <span class="text-description">
+      <div class="text-description">
         <p>This is an Alpha release and is under testing.</p>
         <p>Some features may not work and some stations may not be available.</p>
-      </span>
+      </div>
 
     <!-- Footer -->
     <?php include "./page-blocks/footer.php" ?>
diff --git a/issue.php b/issue.php
index e286a98..b13c7ac 100644
--- a/issue.php
+++ b/issue.php
@@ -54,21 +54,21 @@
         <br>
         <br>
         <br>
-        <span class="text-description">
-          On submission of this form, your browsers User Agent string will be
-          collected alongside the information you provide above and will be
-          posted to the <a class="inlinelink" href="https://git.fjla.uk/fred.boniface/athena.fb-infra.uk/issues">
-          issue tracker</a>.
-        </span>
-        <br>
-        <br>
-        <span class="form-info">
-          Your user agent is:
-        </span>
-        <br>
-        <span class="text-description">
+        <div class="text-description">
+          <p>
+            On submission of this form, your browsers User Agent string will be
+            collected alongside the information you provide above and will be
+            posted to the <a class="inlinelink" href="https://git.fjla.uk/fred.boniface/athena.fb-infra.uk/issues">
+            issue tracker</a>.
+          </p>
+          <br>
+          <br>
+          <span class="form-info">
+            Your user agent is:
+          </span>
+          <br>
           <?php echo $ua_str; ?>
-        </span>
+        </div>
         <br>
         <br>
         <input class="actionbutton" type="submit">
diff --git a/styles/style.css b/styles/style.css
index 5126ea7..f880b75 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -62,6 +62,8 @@ body {
 }
 
 .text-description {
+  display: inline-block;
+  width: 80%;
   color: #0280e5;
   padding-top: 5px;
   padding-bottom: 5px;
@@ -69,15 +71,8 @@ body {
   margin-right: auto;
 }
 
-p.text-description{
-  display: inline-block;
-  width: 80%;
-  margin-left: auto;
-  margin-right: auto;
-}
-
 @media only screen and (min-width: 600px) {
-p.text-description{
+  .text-description{
     width: 50%;
   }
 }