From 67079e1c0b511dabd5c91c184cffa9125c591c96 Mon Sep 17 00:00:00 2001
From: PeekabooSteam <matthew.lindley001+github@gmail.com>
Date: Wed, 18 Oct 2023 13:20:54 +0100
Subject: [PATCH] Munitions constrained to a scrollable

---
 client/public/stylesheets/panels/unitinfo.css | 16 ++++++++--------
 client/views/panels/unitinfo.ejs              |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/client/public/stylesheets/panels/unitinfo.css b/client/public/stylesheets/panels/unitinfo.css
index 49dae06e..9ef7b10b 100644
--- a/client/public/stylesheets/panels/unitinfo.css
+++ b/client/public/stylesheets/panels/unitinfo.css
@@ -97,14 +97,14 @@
 }
 
 #loadout-items {
-	margin-right: 20px;
 	align-self: center;
-	display: flex;
-	flex-flow: column;
-	row-gap: 8px;
 	column-gap: 8px;
-	max-height: 90px;
-	flex-wrap: wrap;
+	display: flex;
+	flex-flow: column nowrap;
+	margin-right: 20px;
+	max-height: 110px;
+	padding-right:20px;
+	row-gap: 6px;
 }
 
 #loadout-items>* {
@@ -122,7 +122,7 @@
 	display: flex;
 	font-size: 11px;
 	font-weight: bold;
-	padding: 4px 6px;
+	padding: 3px 4px;
 }
 
 #loadout-items>*::after {
@@ -137,7 +137,7 @@
 #fuel-percentage {
 	align-items: center;
 	display: flex;
-	margin-top: auto;
+	margin-top: 8px;
 }
 
 #fuel-percentage::before {
diff --git a/client/views/panels/unitinfo.ejs b/client/views/panels/unitinfo.ejs
index c1aeada6..25e35ed1 100644
--- a/client/views/panels/unitinfo.ejs
+++ b/client/views/panels/unitinfo.ejs
@@ -13,7 +13,7 @@
                         
         <div id="loadout">
             <img id="loadout-silhouette"/>
-            <div id="loadout-items">
+            <div id="loadout-items" class="ol-scrollable">
             </div>
         </div>