From 67f2580e3aac22115c662c06c924e0744ee759d3 Mon Sep 17 00:00:00 2001
From: James Ketrenos <james_git@ketrenos.com>
Date: Sat, 11 Oct 2025 13:08:13 -0700
Subject: [PATCH] Fix Trade style

---
 client/src/Trade.css | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/client/src/Trade.css b/client/src/Trade.css
index 850bea2..7680250 100644
--- a/client/src/Trade.css
+++ b/client/src/Trade.css
@@ -4,15 +4,22 @@
   align-items: center;
   margin-right: 0.25rem;
   font-size: 0.75em;
+  /* allow the Trade component to stretch to its sidebar/container */
+  align-self: stretch;
+  width: 100%;
+  flex-direction: column;
 }
 
 .Trade > * {
   max-height: calc(100dvh - 2rem);
   overflow: auto;
-  width: 32em;
-  display: inline-flex;
+  /* fill the available width of the sidebar rather than using a fixed size */
+  width: 100%;
+  max-width: 100%;
+  display: flex;
   padding: 0.5em;
   flex-direction: column;
+  box-sizing: border-box;
 }
 
 .Trade .Title {