From e9efe2de0cf7d3ceba46456360fc11b285aa8de5 Mon Sep 17 00:00:00 2001
From: Egor Tensin <Egor.Tensin@gmail.com>
Date: Fri, 28 Jul 2023 00:15:37 +0200
Subject: html: tweak styling

---
 html/index.html | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

(limited to 'html/index.html')

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)));
 }
 
-- 
cgit v1.2.3