From fb42a2823059189eba718e010e9adf71f8d510a9 Mon Sep 17 00:00:00 2001
From: TerraMaster85 <tm85@e3t.cc>
Date: Wed, 3 Apr 2024 23:41:07 -0400
Subject: [PATCH] terrible energy bar proto

---
 starkingdoms-client/src/pages/Play.svelte | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/starkingdoms-client/src/pages/Play.svelte b/starkingdoms-client/src/pages/Play.svelte
index e3fce8778873af4d4ef327708c22d1f5770b2c58..22610be40ae31e844288b443273621abcda0fa51 100644
--- a/starkingdoms-client/src/pages/Play.svelte
+++ b/starkingdoms-client/src/pages/Play.svelte
@@ -134,7 +134,6 @@
     <table>
       <thead>
         <tr>
-          <th class="hud-d">Energy</th>
           <th class="hud-d">Position</th>
           <th class="hud-d">Velocity</th>
           <th class="hud-d">Track Angle</th>
@@ -142,13 +141,6 @@
       </thead>
       <tbody>
         <tr>
-          <td id="energy" style="height:100%">
-            <div
-              id="energy-bar-outline"
-              style="background-color:white; width:100%; height:100%; display:inline-block;">
-              <div id="energy-bar"></div>
-            </div>
-          </td>
           <td id="pos">
             <span id="pos-val-x" bind:this={x_pos}>--</span>
             ,
@@ -161,6 +153,12 @@
             <span id="track-val">--</span>
           </td>
         </tr>
+        <tr>
+          <td class="hud-d"><strong>Energy:</strong></td>
+          <td colspan="2" id="energy-bg" style="height:100%;width:100%;padding:0;box-sizing:border-box;border: 0.125em solid rgb(var(--text));border-radius: 0.5em;overflow:hidden;">
+            <div id="energy" style="height:22px;background-color:#Af8f4f;"></div>
+          </td>
+        </tr>
       </tbody>
     </table>
   </Popup>