ThermoMachine

tgui/packages/tgui-panel/Panel.js

@@ -43,6 +43,7 @@ export const Panel = (props, context) => {
               </Stack.Item>
               <Stack.Item>
                 <Button
+                  color="grey"
                   selected={audio.visible}
                   icon="music"
                   tooltip="Music player"

tgui/packages/tgui/interfaces/TEG.js

@@ -25,7 +25,7 @@ export const TEG = (props, context) => {
     );
   }
   return (
-    <Window>
+    <Window width={500} height={400}>
       <Window.Content>
         <Section title={'Cold Loop (' + data.cold_dir + ')'}>
           <LabeledList>

tgui/packages/tgui/interfaces/ThermoMachine.js

@@ -12,7 +12,7 @@ import { Window } from '../layouts';
 export const ThermoMachine = (props, context) => {
   const { act, data } = useBackend(context);
   return (
-    <Window width={300} height={255}>
+    <Window width={300} height={225}>
       <Window.Content>
         <Section title="Status">
           <LabeledList>
@@ -44,20 +44,32 @@ export const ThermoMachine = (props, context) => {
           }
         >
           <LabeledList>
-            <LabeledList.Item label="Setting">
+            <LabeledList.Item label="Setting" textAlign="center">
               <Button
+                fluid
                 icon={data.cooling ? 'temperature-low' : 'temperature-high'}
                 content={data.cooling ? 'Cooling' : 'Heating'}
                 selected={data.cooling}
                 onClick={() => act('cooling')}
               />
             </LabeledList.Item>
             <LabeledList.Item label="Target Temperature">
+              <Button
+                icon="fast-backward"
+                disabled={data.target === data.min}
+                title="Minimum temperature"
+                onClick={() =>
+                  act('target', {
+                    target: data.min,
+                  })
+                }
+              />
               <NumberInput
                 animated
                 value={Math.round(data.target)}
                 unit="K"
-                width="62px"
+                width={5.4}
+                lineHeight={1.4}
                 minValue={Math.round(data.min)}
                 maxValue={Math.round(data.max)}
                 step={5}
@@ -68,15 +80,13 @@ export const ThermoMachine = (props, context) => {
                   })
                 }
               />
-            </LabeledList.Item>
-            <LabeledList.Item label="Presets">
               <Button
-                icon="fast-backward"
-                disabled={data.target === data.min}
-                title="Minimum temperature"
+                icon="fast-forward"
+                disabled={data.target === data.max}
+                title="Maximum Temperature"
                 onClick={() =>
                   act('target', {
-                    target: data.min,
+                    target: data.max,
                   })
                 }
               />
@@ -90,16 +100,6 @@ export const ThermoMachine = (props, context) => {
                   })
                 }
               />
-              <Button
-                icon="fast-forward"
-                disabled={data.target === data.max}
-                title="Maximum Temperature"
-                onClick={() =>
-                  act('target', {
-                    target: data.max,
-                  })
-                }
-              />
             </LabeledList.Item>
           </LabeledList>
         </Section>

tgui/packages/tgui/interfaces/Vending.js

@@ -33,7 +33,6 @@ const VendingRow = (props, context) => {
         <img
           src={`data:image/jpeg;base64,${productImage}`}
           style={{
-            'background-color': 'red',
             'vertical-align': 'middle',
             width: '32px',
             margin: '0px',