adjust some styling

This commit is contained in:
Arthur Lu 2023-04-22 04:49:17 +00:00
parent 2827f48ce0
commit 4c75398cac
4 changed files with 3 additions and 7 deletions

View File

@ -20,7 +20,7 @@
</header> </header>
<main class="w3-container"> <main class="w3-container">
<h2>Account</h2> <h2>Account</h2>
<div class="flex row wrap w3-margin-top w3-margin-bottom"> <div class="flex row wrap">
<p id="username">Username: </p> <p id="username">Username: </p>
<p id="pool">Pool: </p> <p id="pool">Pool: </p>
<p id="vmid">VMID Range: </p> <p id="vmid">VMID Range: </p>

View File

@ -20,7 +20,7 @@
</nav> </nav>
</header> </header>
<main class="w3-container"> <main class="w3-container">
<h2 id="name"><a href="index.html">Instances</a> / %{vmname}</h2><hr> <h2 id="name"><a href="index.html">Instances</a> / %{vmname}</h2>
<form> <form>
<fieldset> <fieldset>
<legend>Resources</legend> <legend>Resources</legend>

View File

@ -24,10 +24,6 @@ img {
display: flex; display: flex;
} }
.flex * {
margin: 0px;
}
.row { .row {
flex-direction: row; flex-direction: row;
column-gap: 10px; column-gap: 10px;

View File

@ -30,7 +30,7 @@ export class Instance extends HTMLElement {
<img id="node-status-icon"> <img id="node-status-icon">
<p id="node-status"></p> <p id="node-status"></p>
</div> </div>
<div class="w3-col l2 m2 s6 flex row nowrap" style="height: 1lh;"> <div class="w3-col l2 m2 s6 flex row nowrap" style="height: 1lh; margin-top: 15px; margin-bottom: 15px;">
<img id="power-btn" class="clickable"> <img id="power-btn" class="clickable">
<img id="console-btn" class="clickable"> <img id="console-btn" class="clickable">
<img id="configure-btn" class="clickable"> <img id="configure-btn" class="clickable">