From 3911b8fefe63e3b4a6642a9a2787508012ed630a Mon Sep 17 00:00:00 2001
From: PeekabooSteam <matthew.lindley001+github@gmail.com>
Date: Mon, 6 Mar 2023 20:45:11 +0000
Subject: [PATCH] Started to look at the unit control panel.

---
 client/src/panels/unitcontrolpanel.ts |  1 +
 client/views/unitcontrolpanel.ejs     | 14 +++++++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/client/src/panels/unitcontrolpanel.ts b/client/src/panels/unitcontrolpanel.ts
index 05d70d0f..72a4c40d 100644
--- a/client/src/panels/unitcontrolpanel.ts
+++ b/client/src/panels/unitcontrolpanel.ts
@@ -50,6 +50,7 @@ export class UnitControlPanel extends Panel {
         if (this.getElement() != null)
         {
             this.#showFlightControlSliders(units);
+            console.log( this.getElement().querySelector("#selected-units-container") );
             this.getElement().querySelector("#selected-units-container")?.replaceChildren(...units.map((unit: Unit) =>
             {
                 var button = document.createElement("button");
diff --git a/client/views/unitcontrolpanel.ejs b/client/views/unitcontrolpanel.ejs
index 00230b50..6c4f6c14 100644
--- a/client/views/unitcontrolpanel.ejs
+++ b/client/views/unitcontrolpanel.ejs
@@ -1,16 +1,20 @@
-<div id="unit-control-panel" class="ol-panel">
+<div id="unit-control-panel" class="ol-panel ol-panel-padded">
     <h2>Selected units</h2>
-    <div id="selected-units-container" class="ol-scroll">
-        <!-- This is where all the unit selection buttons will be shown-->
-    </div>
+    
 
     <div id="unit-info-panel">
         <div id="general" class="panel-section">
-            <h3 id="unit-name">Olympus 1-1</h3>
+            <h3>
+                <div id="unit-name">Olympus 1-1</div>
+                <button>[e]</button>
+            </h3>
             <div id="name" class="pill highlight-primary">Name</div>
             <div id="group-name" class="pill highlight-primary">Group</div>
             <div id="task" class="pill highlight-primary">Task</div>
         </div>
+        <div id="selected-units-container" class="ol-scroll">
+        <!-- This is where all the unit selection buttons will be shown-->
+    </div>
         <div id="flight-data" class="panel-section">
             <h3 id="flight-data-label">Flight data</h3>
             <div id="latitude"></div>