fred.boniface/athena.fb-infra.uk
Archived
1
0
Fork 0
Code Issues 72 Pull Requests Packages Projects Releases Activity

Yet more style changes

Browse Source
This commit is contained in:
Fred Boniface 2022-09-21 09:58:57 +01:00
parent 753fbfbe76
commit 3263543e68
2 changed files with 23 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
issue.php
View File

@ -62,9 +62,11 @@
</span> </span>
<br> <br>
<br> <br>
<span class="text-description"> <span class="form-info">
Your user agent is: Your user agent is:
<br> </span>
<br>
<span class="text-description">
<?php echo $ua_str; ?> <?php echo $ua_str; ?>
</span> </span>
<br> <br>

30
styles/style.css
View File

@ -32,6 +32,12 @@ body {
font-size: 18px; font-size: 18px;
} }
@media only screen and (min-width: 600px) {
.form-text-small {
width: 50%;
}
}
.form-text-large { .form-text-large {
text-align: left; text-align: left;
border: black; border: black;
@ -42,6 +48,12 @@ body {
font-size: 16px; font-size: 16px;
} }
@media only screen and (min-width: 600px) {
.form-text-large {
width: 50%;
}
}
.form-info { .form-info {
color: #0280e5; color: #0280e5;
font-size: 17px; font-size: 17px;
@ -53,22 +65,18 @@ body {
color: #0280e5; color: #0280e5;
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
margin-left: auto;
margin-right: auto;
} }
.text-description p { p.text-description{
width: 80%; width: 80%;
margin-left: auto;
margin-right: auto;
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 600px) {
.form-text-small { p.text-description{
width: 50%;
}
.form-text-large {
width: 50%;
}
.text-description p {
width: 50%; width: 50%;
} }
} }