From ae4cbc4f7206a0ce178db1baa2e56f7292dfde19 Mon Sep 17 00:00:00 2001
From: ShadowLarkens <shadowlarkens@gmail.com>
Date: Sun, 3 Nov 2024 10:58:21 -0800
Subject: [PATCH] Fix overflow in smartfrige, expand width a little (#16555)

---
 tgui/packages/tgui/interfaces/SmartVend.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/tgui/packages/tgui/interfaces/SmartVend.tsx b/tgui/packages/tgui/interfaces/SmartVend.tsx
index b934d133e51..7c8eeba29d3 100644
--- a/tgui/packages/tgui/interfaces/SmartVend.tsx
+++ b/tgui/packages/tgui/interfaces/SmartVend.tsx
@@ -20,7 +20,7 @@ export const SmartVend = (props) => {
   const { secure, locked, contents } = data;
 
   return (
-    <Window width={500} height={550}>
+    <Window width={640} height={550}>
       <Window.Content scrollable>
         <Section title="Storage">
           {(secure && locked === -1 && (
@@ -39,7 +39,7 @@ export const SmartVend = (props) => {
           {(contents.length === 0 && (
             <NoticeBox>Unfortunately, this {config.title} is empty.</NoticeBox>
           )) || (
-            <Table>
+            <Table style={{ tableLayout: 'fixed', width: '100%' }}>
               <Table.Row header>
                 <Table.Cell collapsing>Item</Table.Cell>
                 <Table.Cell collapsing textAlign="center">
@@ -51,7 +51,12 @@ export const SmartVend = (props) => {
               </Table.Row>
               {map(contents, (value: content, key) => (
                 <Table.Row key={key}>
-                  <Table.Cell collapsing>{value.name}</Table.Cell>
+                  <Table.Cell
+                    collapsing
+                    style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}
+                  >
+                    {value.name}
+                  </Table.Cell>
                   <Table.Cell collapsing textAlign="center">
                     {value.amount} in stock
                   </Table.Cell>