help.php

@@ -13,7 +13,6 @@
     <?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
@@ -26,7 +25,6 @@
          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,10 +38,9 @@
 
       <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="text-description">
+        <span class="form-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="text-description">
+        <span class="form-description">
           Your user agent is:
           <br>
           <?php echo $ua_str; ?>

styles/style.css

@@ -49,16 +49,13 @@ body {
   margin-bottom: 4px;
 }
 
-.text-description {
+.form-description {
   color: #0280e5;
+  width: 80%;
   padding-top: 5px;
   padding-bottom: 5px;
 }
 
-.text-description p {
-  width: 80%;
-}
-
 @media only screen and (min-width: 768px) {
   .form-text-small {
     width: 50%;
@@ -68,7 +65,7 @@ body {
     width: 50%;
   }
 
-  .text-description p {
+  .form-description {
     width: 50%;
   }
 }