moving adjustments to style.css

This commit is contained in:
mcguirepr89
2022-04-17 11:30:56 -04:00
parent 19cd8f6d48
commit 3d080b2ca3
3 changed files with 22 additions and 15 deletions
+8 -1
View File
@@ -15,6 +15,7 @@ a:hover {
h3 {
text-align: center;
margin-bottom: 12px;
}
iframe {
@@ -130,6 +131,7 @@ button:hover {
justify-content: space-between;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.topnav form {
@@ -142,7 +144,8 @@ button:hover {
text-align: center;
padding: 14px 16px;
width: auto;
height: auto;
height: 100%;
vertical-align: middle;
}
.topnav button:hover {
@@ -187,6 +190,9 @@ button:hover {
margin-left: auto;
}
.overview .chart {
margin-top: 10px;
}
.overview-stats {
display: flex;
justify-content: center;
@@ -362,6 +368,7 @@ button:hover {
.overview .right-column .chart img {
margin-left: 5%;
margin-right: auto;
margin-top: 10px;
}
}
@media screen and (max-width: 1000px) {
+10 -10
View File
@@ -1,32 +1,32 @@
<link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
<div style="margin-bottom:15px" class="topnav" id="myTopnav">
<div class="topnav" id="myTopnav">
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Overview" form="views">Overview</button>
<button type="submit" name="view" value="Overview" form="views">Overview</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
<button type="submit" name="view" value="Today's Detections" form="views">Today's Detections</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
<button type="submit" name="view" value="Species Stats" form="views">Best Recordings</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
<button type="submit" name="view" value="Streamlit" form="views">Species Stats</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
<button type="submit" name="view" value="Daily Charts" form="views">Daily Charts</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Recordings" form="views">Recordings</button>
<button type="submit" name="view" value="Recordings" form="views">Recordings</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
<button type="submit" name="view" value="Spectrogram" form="views">Spectrogram</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="View Log" form="views">View Log</button>
<button type="submit" name="view" value="View Log" form="views">View Log</button>
</form>
<form action="" method="GET" id="views">
<button style="height:100%;vertical-align:middle" type="submit" name="view" value="Tools" form="views">Tools</button>
<button type="submit" name="view" value="Tools" form="views">Tools</button>
</form>
<button href="javascript:void(0);" class="icon" onclick="myFunction()"><img src="images/menu.png"></button>
</div>