aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/html
diff options
context:
space:
mode:
authorEgor Tensin <Egor.Tensin@gmail.com>2023-07-28 00:15:37 +0200
committerEgor Tensin <Egor.Tensin@gmail.com>2023-07-28 00:15:52 +0200
commite9efe2de0cf7d3ceba46456360fc11b285aa8de5 (patch)
tree6b7c2f2fccfe6a918aae5d4ca2ec4baa1394c5c7 /html
parenttest: check thermal info (diff)
downloadlinux-status-e9efe2de0cf7d3ceba46456360fc11b285aa8de5.tar.gz
linux-status-e9efe2de0cf7d3ceba46456360fc11b285aa8de5.zip
html: tweak styling
Diffstat (limited to 'html')
-rw-r--r--html/index.html12
1 files changed, 5 insertions, 7 deletions
diff --git a/html/index.html b/html/index.html
index 8c4ebf1..b4baec0 100644
--- a/html/index.html
+++ b/html/index.html
@@ -10,13 +10,13 @@
<div class="container flex-shrink-0">
<div class="row mt-3">
<div class="col">
- <div style="display: flex; justify-content: space-between; align-items: center; gap: .5em;">
+ <div style="display: flex; justify-content: space-between; align-items: flex-end; gap: .5em;">
<div>
<h1 class="h2" id="hostname">-</h1>
<p class="mb-0 small">refreshed every <span id="status_refresh_interval">-</span> seconds</p>
</div>
<div>
- <div class="btn-group" role="group" id="power_buttons">
+ <div class="btn-group" role="group" style="width: 100%;" id="power_buttons">
<button type="button" class="btn btn-sm btn-warning" onclick="reboot();">Reboot</button>
<button type="button" class="btn btn-sm btn-danger" onclick="poweroff();">Shutdown</button>
</div>
@@ -210,16 +210,14 @@ function set_thermal(data) {
let type = info['type'];
let temp = info['temp'].toFixed(2) + '&deg;C';
let row = $('<tr/>')
- .append($('<td/>', {'class': 'py-0'})
- .append($('<code/>', {'class': 'text-reset'}).text(type)))
- .append($('<td/>', {'class': 'py-0 text-right'})
- .append($('<code/>', {'class': 'text-reset'}).html(temp)));
+ .append($('<td/>', {'class': 'pr-1'}).text(type))
+ .append($('<td/>', {'class': 'pl-1 text-right'}).html(temp));
body.append(row);
});
$('#thermal').empty();
$('#thermal').append($('<div/>', {'class': 'table-responsive'})
- .append($('<table/>', {'class': 'table table-borderless table-sm text-nowrap mb-0'})
+ .append($('<table/>', {'class': 'text-nowrap', 'style': 'width: 100%;'})
.append(body)));
}