better layout

This commit is contained in:
sam
2023-10-20 12:22:01 +02:00
parent ab632adaef
commit 130d3a7dea
2 changed files with 25 additions and 3 deletions

View File

@@ -5,12 +5,16 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100vh; min-height: 100vh;
margin: 0;
} }
html { html {
background-color: rgb(71, 68, 68); background-color: rgb(71, 68, 68);
} }
li {
}
div { div {
color: white; color: white;
@@ -98,7 +102,24 @@ div {
float: right; float: right;
color: #f2f2f2; color: #f2f2f2;
text-align: center; text-align: center;
padding: 14px 16px;
text-decoration: none; text-decoration: none;
font-size: 17px; font-size: 17px;
}
.button {
background-color: #333;
text-decoration: none;
padding: 14px 16px;
border: none;
font-size: 17px;
color: #f2f2f2;
}
.button:hover {
background-color: rgb(199, 71, 71);
color: black;
text-decoration: none;
padding: 14px 16px;
border: none;
} }

View File

@@ -20,8 +20,9 @@
<a href="index.html">Home</a> <a href="index.html">Home</a>
<a class="active" href="statestiek.html">Station statestieken</a> <a class="active" href="statestiek.html">Station statestieken</a>
<div class="commandbar"> <div class="commandbar">
<button onclick="connect()">Connect</button> <button class="button" onclick="connect()">Connect</button>
<button onclick="disconnect()">Disconnect</button> <button class="button" onclick="disconnect()">Disconnect</button>
</div> </div>
</div> </div>