Move .text-description blocks in to <div>'s

This commit is contained in:
Fred Boniface 2022-09-21 10:04:41 +01:00
parent b2f88e0a92
commit b3957224a0
4 changed files with 21 additions and 26 deletions

View File

@ -13,7 +13,7 @@
<?php require "./page-blocks/title-image.php";?> <?php require "./page-blocks/title-image.php";?>
<h2>Help</h2> <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 <p>Just type in a three character CRS code or a TIPLOC into the text
box and tap the Lookup button.</p> box and tap the Lookup button.</p>
<p>If you enter a TIPLOC, this will not be verified - if it is <p>If you enter a TIPLOC, this will not be verified - if it is
@ -26,7 +26,7 @@
lookup.</p> lookup.</p>
<p>I am working on a new version that will provide data for every <p>I am working on a new version that will provide data for every
station in the National Rail database.</p> station in the National Rail database.</p>
</span> </div>
<!-- Footer --> <!-- Footer -->
<?php include './page-blocks/footer.php';?> <?php include './page-blocks/footer.php';?>

View File

@ -38,10 +38,10 @@
<br> <br>
<br> <br>
<span class="text-description"> <div class="text-description">
<p>This is an Alpha release and is under testing.</p> <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> <p>Some features may not work and some stations may not be available.</p>
</span> </div>
<!-- Footer --> <!-- Footer -->
<?php include "./page-blocks/footer.php" ?> <?php include "./page-blocks/footer.php" ?>

View File

@ -54,21 +54,21 @@
<br> <br>
<br> <br>
<br> <br>
<span class="text-description"> <div class="text-description">
<p>
On submission of this form, your browsers User Agent string will be On submission of this form, your browsers User Agent string will be
collected alongside the information you provide above and 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"> posted to the <a class="inlinelink" href="https://git.fjla.uk/fred.boniface/athena.fb-infra.uk/issues">
issue tracker</a>. issue tracker</a>.
</span> </p>
<br> <br>
<br> <br>
<span class="form-info"> <span class="form-info">
Your user agent is: Your user agent is:
</span> </span>
<br> <br>
<span class="text-description">
<?php echo $ua_str; ?> <?php echo $ua_str; ?>
</span> </div>
<br> <br>
<br> <br>
<input class="actionbutton" type="submit"> <input class="actionbutton" type="submit">

View File

@ -62,6 +62,8 @@ body {
} }
.text-description { .text-description {
display: inline-block;
width: 80%;
color: #0280e5; color: #0280e5;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
@ -69,15 +71,8 @@ body {
margin-right: auto; margin-right: auto;
} }
p.text-description{
display: inline-block;
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (min-width: 600px) { @media only screen and (min-width: 600px) {
p.text-description{ .text-description{
width: 50%; width: 50%;
} }
} }