better formatting

This commit is contained in:
mcguirepr89
2022-02-18 10:31:59 -05:00
parent 7852212a4e
commit 0b8acdedf3
+6 -16
View File
@@ -93,7 +93,7 @@ input[type=number] {
width: calc(50% - 70px); width: calc(50% - 70px);
} }
.second { .second {
width: 50%; width: calc(50% + 70px);
} }
. .
/* Clear floats after the columns */ /* Clear floats after the columns */
@@ -111,11 +111,10 @@ a {
} }
.block { .block {
display: block; display: block;
width:50%; width:40%;
margin-right:auto;
margin-left:auto; margin-left:auto;
border: none; border: none;
padding: 10px 10px; padding: 5px 5px;
font-size: medium; font-size: medium;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
@@ -133,27 +132,18 @@ img {
} }
select option { select option {
text-align:center;
font-size:large; font-size:large;
} }
select { select {
float:left;
display:block; display:block;
width:80%;
margin-right:auto; margin-right:auto;
margin-left:auto;
font-size:large; font-size:large;
width: 60%; width: 50%;
}
form {
margin-left:20px;
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
select {
width:100%;
}
h3 { h3 {
margin-bottom:0px; margin-bottom:0px;
text-align:center; text-align:center;
@@ -161,6 +151,7 @@ form {
form { form {
text-align:left; text-align:left;
margin-left:0px; margin-left:0px;
width:100%;
} }
.column { .column {
float: none; float: none;
@@ -230,7 +221,6 @@ while($rows=$stats ->fetch_assoc())
} }
?> ?>
</select> </select>
</p>
<button type="submit" class="block"/>Show Species Statistics</button> <button type="submit" class="block"/>Show Species Statistics</button>
</form> </form>
<?php if(isset($_POST['species'])){ <?php if(isset($_POST['species'])){