Merge pull request #16634 from Kashargul/dispensers

fix dispeners with many cartridges

tgui/packages/tgui/interfaces/ChemDispenser/ChemDispenserChemicals.tsx

@@ -14,7 +14,8 @@ export const ChemDispenserChemicals = (props) => {
   return (
     <Section
       title={data.glass ? 'Drink Dispenser' : 'Chemical Dispenser'}
-      flexGrow
+      fill
+      scrollable
       buttons={<RecordingBlinker />}
     >
       <Flex direction="row" wrap="wrap" height="100%" align="flex-start">

tgui/packages/tgui/interfaces/ChemDispenser/index.tsx

@@ -14,8 +14,8 @@ export const ChemDispenser = (props) => {
     <Window width={680} height={540}>
       <Window.Content>
         <Stack vertical fill>
-          <Stack.Item>
-            <Stack>
+          <Stack.Item grow>
+            <Stack fill>
               <Stack.Item grow>
                 <Stack vertical fill>
                   <Stack.Item>
@@ -31,7 +31,7 @@ export const ChemDispenser = (props) => {
               </Stack.Item>
             </Stack>
           </Stack.Item>
-          <Stack.Item grow>
+          <Stack.Item basis="25%">
             <ChemDispenserBeaker />
           </Stack.Item>
         </Stack>