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';?>

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" ?>

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">

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%;
   }
 }