Merge pull request #184 from Pax1601/180-unit-loadout-overflows-unitinfopanel

String management for loadout items.

client/public/stylesheets/unitinfopanel.css

@@ -26,19 +26,16 @@
 }
 
 
-#loadout-container {
-	width:250px;
-}
-
 #loadout {
 	display:flex;
+	overflow: visible;
 }
 
 #loadout-silhouette {
 	align-items: center;
 	display:flex;
 	justify-content: center;
-	width:55%;
+	width:100px;
 }
 
 #loadout-silhouette::before {
@@ -58,7 +55,6 @@
 	display:flex;
 	flex-flow: column nowrap;
 	row-gap: 8px;
-	width:45%;
 }
 
 
@@ -82,11 +78,13 @@
 
 #loadout-items > *::after {
 	content: attr( data-item );
-	width:52px;
+	overflow: hidden;
+	position:relative;
+	text-overflow: ellipsis;
+	width:80px;
 }
 
 
-
 #fuel-percentage {
 	align-items: center;
 	display:flex;
@@ -112,7 +110,6 @@
 	height:6px;
 	margin-top:4px;
 	overflow: hidden;
-	width:90%;
 }
 
 #fuel-display #fuel-bar {