From 8ddaa5f96feeec32eb618dba1f6f554a90772b9e Mon Sep 17 00:00:00 2001
From: Kashargul <144968721+Kashargul@users.noreply.github.com>
Date: Sat, 11 Jul 2026 22:54:41 +0200
Subject: [PATCH] stacking (#19604)

---
 .../ChemMaster/ChemMasterBuffer.tsx           | 24 +++++----
 .../ChemMaster/ChemMasterCustomization.tsx    | 50 +++++++++++--------
 2 files changed, 42 insertions(+), 32 deletions(-)

diff --git a/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterBuffer.tsx b/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterBuffer.tsx
index 1df345c363b..95666ff98ea 100644
--- a/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterBuffer.tsx
+++ b/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterBuffer.tsx
@@ -16,16 +16,20 @@ export const ChemMasterBuffer = (props: {
     <Section
       title="Buffer"
       buttons={
-        <Box color="label" inline>
-          Transferring to&nbsp;
-          <Button
-            icon={mode ? 'flask' : 'trash'}
-            color={!mode && 'bad'}
-            onClick={() => act('toggle')}
-          >
-            {mode ? 'Beaker' : 'Disposal'}
-          </Button>
-        </Box>
+        <Stack>
+          <Stack.Item>
+            <Box color="label">Transferring to</Box>
+          </Stack.Item>
+          <Stack.Item>
+            <Button
+              icon={mode ? 'flask' : 'trash'}
+              color={!mode && 'bad'}
+              onClick={() => act('toggle')}
+            >
+              {mode ? 'Beaker' : 'Disposal'}
+            </Button>
+          </Stack.Item>
+        </Stack>
       }
     >
       {bufferReagents.length > 0 ? (
diff --git a/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterCustomization.tsx b/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterCustomization.tsx
index 02c64ce9101..84c05ba46b8 100644
--- a/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterCustomization.tsx
+++ b/tgui/packages/tgui/interfaces/ChemMaster/ChemMasterCustomization.tsx
@@ -1,6 +1,6 @@
 import { useBackend } from 'tgui/backend';
 import { modalOpen } from 'tgui/interfaces/common/ComplexModal';
-import { Box, Button, Section } from 'tgui-core/components';
+import { Box, Button, Section, Stack } from 'tgui-core/components';
 import type { BooleanLike } from 'tgui-core/react';
 
 export const ChemMasterCustomization = (props: {
@@ -28,27 +28,33 @@ export const ChemMasterCustomization = (props: {
 
   return (
     <Section title="Pill Bottle Customization">
-      <Button
-        disabled={!loaded_pill_bottle}
-        onClick={() => modalOpen('change_pill_bottle_style')}
-      >
-        Customize Bottle Color
-      </Button>
-      <Button
-        disabled={!loaded_pill_bottle}
-        icon="eject"
-        mb="0.5rem"
-        onClick={() => act('ejectp')}
-      >
-        {loaded_pill_bottle
-          ? loaded_pill_bottle_name +
-            ' (' +
-            loaded_pill_bottle_contents_len +
-            '/' +
-            loaded_pill_bottle_storage_slots +
-            ')'
-          : 'None loaded'}
-      </Button>
+      <Stack>
+        <Stack.Item>
+          <Button
+            disabled={!loaded_pill_bottle}
+            onClick={() => modalOpen('change_pill_bottle_style')}
+          >
+            Customize Bottle Color
+          </Button>
+        </Stack.Item>
+        <Stack.Item>
+          <Button
+            disabled={!loaded_pill_bottle}
+            icon="eject"
+            mb="0.5rem"
+            onClick={() => act('ejectp')}
+          >
+            {loaded_pill_bottle
+              ? loaded_pill_bottle_name +
+                ' (' +
+                loaded_pill_bottle_contents_len +
+                '/' +
+                loaded_pill_bottle_storage_slots +
+                ')'
+              : 'None loaded'}
+          </Button>
+        </Stack.Item>
+      </Stack>
     </Section>
   );
 };