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