1 files changed, 6 insertions(+), 8 deletions(-)

M 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>