More sizing improvements.

inventory/static/css/components/draw.css

@@ -5,6 +5,19 @@
 .grid-widget {
     container-type: inline-size;
     min-width: 375px;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.grid-widget .grid-wrap {
+    flex: 1 1 auto;
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    min-height: 375px;
+    z-index: 0;
 }
 
 .grid-widget [data-toolbar].toolbar {
@@ -54,16 +67,6 @@
   }
 }
 
-.grid-widget .grid-wrap {
-    flex: 1 1 auto;
-    width: 100%;
-    height: clamp(240px, 50vh, 700px);
-    position: relative;
-    overflow: hidden;
-    min-height: 0;
-    z-index: 0;
-}
-
 .grid-widget [data-grid] {
     position: relative;
     cursor: crosshair;

inventory/templates/testing.html

@@ -8,7 +8,7 @@
 
 {% block main %}
 <div class="row">
-        <div class="col" style="min-height: 80vh;">
+    <div class="col">
         {{ draw.drawWidget('test1') }}
     </div>
     <div class="col">