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>
<main class="w3-container">
<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="pool">Pool: </p>
<p id="vmid">VMID Range: </p>

View File

@ -20,7 +20,7 @@
</nav>
</header>
<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>
<fieldset>
<legend>Resources</legend>

View File

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

View File

@ -30,7 +30,7 @@ export class Instance extends HTMLElement {
<img id="node-status-icon">
<p id="node-status"></p>
</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="console-btn" class="clickable">
<img id="configure-btn" class="clickable">