Updated styling

help.php

@@ -13,6 +13,7 @@
     <?php require "./page-blocks/title-image.php";?>
 
     <h2>Help</h2>
+      <span 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
@@ -25,6 +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>
 
       <!-- Footer -->
       <?php include './page-blocks/footer.php';?>

index.php

@@ -38,9 +38,10 @@
 
       <br>
       <br>
-
+      <span 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>
 
     <!-- Footer -->
     <?php include "./page-blocks/footer.php" ?>

issue.php

@@ -54,7 +54,7 @@
         <br>
         <br>
         <br>
-        <span class="form-description">
+        <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">
@@ -62,7 +62,7 @@
         </span>
         <br>
         <br>
-        <span class="form-description">
+        <span class="text-description">
           Your user agent is:
           <br>
           <?php echo $ua_str; ?>

styles/style.css

@@ -49,13 +49,13 @@ body {
   margin-bottom: 4px;
 }
 
-.form-description {
+.text-description {
   color: #0280e5;
   padding-top: 5px;
   padding-bottom: 5px;
 }
 
-.form-description p {
+.text-description p {
   width: 80%;
 }
 
@@ -68,7 +68,7 @@ body {
     width: 50%;
   }
 
-  .form-description p {
+  .text-description p {
     width: 50%;
   }
 }