fix layout issues in dashboard.html

This commit is contained in:
Kevin Zhang 2023-02-21 13:52:28 -05:00
parent 49330b373c
commit d9cff3a5e8

View File

@ -116,21 +116,29 @@
width: 50%; width: 50%;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: column nowrap;
} }
.unconnected #url { .unconnected #url {
width: 100%; width: 100%;
} }
.unconnected #user { #user {
margin-right: 0.25rem;
width: 50%; width: 50%;
} }
.unconnected #password { #password {
width: 49.5%; width: 49.5%;
} }
.unconnected input { .unconnected input {
margin-bottom: 5px; margin-bottom: 5px;
} }
#username-password {
width: 100%;
display: flex;
flex-flow: row nowrap;
}
.inputs #chart-params { .inputs #chart-params {
display: block; display: block;
} }
@ -142,7 +150,7 @@
#connection-params { #connection-params {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
display: grid; display: grid;
grid-template-columns: auto 15% 15%; grid-template-columns: 69.77% 30%;
column-gap: 0.25rem; column-gap: 0.25rem;
} }
@ -339,9 +347,11 @@
<form id="params"> <form id="params">
<div id="connection-params"> <div id="connection-params">
<input spellcheck="false" id="url" type="text" value="" placeholder="URL" /> <input spellcheck="false" id="url" type="text" value="" placeholder="URL" />
<div id="username-password">
<input spellcheck="false" id="user" type="text" value="" placeholder="user" /> <input spellcheck="false" id="user" type="text" value="" placeholder="user" />
<input spellcheck="false" id="password" type="password" placeholder="password" /> <input spellcheck="false" id="password" type="password" placeholder="password" />
</div> </div>
</div>
<div> <div>
<input id="reload" type="button" value="Reload"> <input id="reload" type="button" value="Reload">
<input id="add" type="button" value="Add chart" style="display: none;"> <input id="add" type="button" value="Add chart" style="display: none;">