T139 fields size adjusted

This commit is contained in:
2021-03-18 12:02:13 +01:00
parent 327bbcdd45
commit 927a18b694
4 changed files with 130 additions and 80 deletions

View File

@@ -277,3 +277,29 @@ input:focus {
background: #999999 !important;
cursor: default !important;
}
#historyFunction {
margin-top: 30px;
margin-bottom: 30px;
width: 670px;
display: flex;
align-content: space-between;
}
#historyFunction div {
width: 250px;
margin-left: 10px;
margin-right: 10px;
}
#historyFunction div input {
width: 75%;
}
#historyFunction button {
width: 100px;
margin-left: 15px;
margin-right: 15px;
}

View File

@@ -91,46 +91,45 @@
</table>
</div>
<div id="history" style="display:none;">
<div id="historyFunction">
<div>
<label for="historyFrom">From</label>
<input type="datetime-local" name="dateFrom" id="historyFrom"/>
</div>
<div>
<label for="historyTo">To</label>
<input type="datetime-local" name="dateTo" id="historyTo"/>
</div>
<button id="btn-searchHistory">Search</button>
</div>
<div style="clear:both;"></div>
<div id="historyDisplay">
<div>
<div>
<label for="historyFrom">From</label>
<input type="datetime-local" name="dateFrom" id="historyFrom"/>
</div>
<div>
<label for="historyTo">To</label>
<input type="datetime-local" name="dateTo" id="historyTo"/>
</div>
<button id="btn-searchHistory">Search</button>
</div>
<div>
<table id="historyTable" class="simpleTable">
<thead>
<tr class="head">
<th>Timestamp</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
</tbody>
</table>
</div>
<table id="historyTable" class="simpleTable">
<thead>
<tr class="head">
<th>Timestamp</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>

View File

@@ -277,3 +277,29 @@ input:focus {
background: #999999 !important;
cursor: default !important;
}
#historyFunction {
margin-top: 30px;
margin-bottom: 30px;
width: 670px;
display: flex;
align-content: space-between;
}
#historyFunction div {
width: 250px;
margin-left: 10px;
margin-right: 10px;
}
#historyFunction div input {
width: 75%;
}
#historyFunction button {
width: 100px;
margin-left: 15px;
margin-right: 15px;
}

View File

@@ -91,46 +91,45 @@
</table>
</div>
<div id="history" style="display:none;">
<div id="historyFunction">
<div>
<label for="historyFrom">From</label>
<input type="datetime-local" name="dateFrom" id="historyFrom"/>
</div>
<div>
<label for="historyTo">To</label>
<input type="datetime-local" name="dateTo" id="historyTo"/>
</div>
<button id="btn-searchHistory">Search</button>
</div>
<div style="clear:both;"></div>
<div id="historyDisplay">
<div>
<div>
<label for="historyFrom">From</label>
<input type="datetime-local" name="dateFrom" id="historyFrom"/>
</div>
<div>
<label for="historyTo">To</label>
<input type="datetime-local" name="dateTo" id="historyTo"/>
</div>
<button id="btn-searchHistory">Search</button>
</div>
<div>
<table id="historyTable" class="simpleTable">
<thead>
<tr class="head">
<th>Timestamp</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
</tbody>
</table>
</div>
<table id="historyTable" class="simpleTable">
<thead>
<tr class="head">
<th>Timestamp</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
<tr>
<td>2020-02-02 10:56:23</td>
<td>Request received</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>