Style fixes

cmss13-devs · Apr 30, 2024 · e22584e · e22584e
1 parent d62cc96
commit e22584e
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 23 deletions.
diff --git a/tgui/packages/tgui/interfaces/HealthScan.jsx b/tgui/packages/tgui/interfaces/HealthScan.jsx
@@ -177,7 +177,7 @@ export const HealthScan = (props) => {
 
               <Button
                 inline
-                style={{ 'margin-left': '2%' }}
+                style={{ marginLeft: '2%' }}
                 content="Change"
                 onClick={() => act('change_holo_card')}
               />

diff --git a/tgui/packages/tgui/interfaces/HiveStatus.jsx b/tgui/packages/tgui/interfaces/HiveStatus.jsx
@@ -190,7 +190,7 @@ const XenoCounts = (props) => {
                       <div>
                         <span
                           style={{
-                            'margin-right': '4px',
+                            marginRight: '4px',
                           }}
                         >
                           {tier_slots[tier_str].open_slots}
@@ -205,7 +205,7 @@ const XenoCounts = (props) => {
                             <Fragment key={i}>
                               <span
                                 style={{
-                                  'margin-right': '4px',
+                                  marginRight: '4px',
                                 }}
                               >
                                 {

diff --git a/tgui/packages/tgui/interfaces/JoeEmotes.tsx b/tgui/packages/tgui/interfaces/JoeEmotes.tsx
@@ -68,7 +68,6 @@ const EmoteTab = (props) => {
                       height="20px"
                       width="32px"
                       style={{
-                        '-ms-interpolation-mode': 'nearest-neighbor',
                         verticalAlign: 'middle',
                       }}
                     />

diff --git a/tgui/packages/tgui/interfaces/Mortar.jsx b/tgui/packages/tgui/interfaces/Mortar.jsx
@@ -44,8 +44,8 @@ export const Mortar = (props) => {
             content="Set Target"
             icon="crosshairs"
             style={{
-              'margin-top': '5px',
-              'margin-left': '10px',
+              marginTop: '5px',
+              marginLeft: '10px',
             }}
             onClick={() =>
               act('set_target', {
@@ -63,9 +63,9 @@ export const Mortar = (props) => {
               right: '15px',
               height: '65px',
               width: '80px',
-              'white-space': 'normal',
-              'text-align': 'center',
-              'align-items': 'center',
+              whiteSpace: 'normal',
+              textAlign: 'center',
+              alignItems: 'center',
             }}
             onClick={() =>
               act('operate_cam', {
@@ -103,8 +103,8 @@ export const Mortar = (props) => {
             content="Dial Offset"
             icon="wrench"
             style={{
-              'margin-top': '5px',
-              'margin-left': '10px',
+              marginTop: '5px',
+              marginLeft: '10px',
             }}
             onClick={() =>
               act('set_offset', {

diff --git a/tgui/packages/tgui/interfaces/Orbit/index.tsx b/tgui/packages/tgui/interfaces/Orbit/index.tsx
@@ -276,9 +276,9 @@ const ObservableItem = (props: {
     <Button
       color={'transparent'}
       style={{
-        'border-color': color ? '#2185d0' : 'grey',
-        'border-style': 'solid',
-        'border-width': '1px',
+        borderColor: color ? '#2185d0' : 'grey',
+        borderStyle: 'solid',
+        borderWidth: '1px',
         color: color ? 'white' : 'grey',
       }}
       onClick={() => act('orbit', { ref: ref })}

diff --git a/tgui/packages/tgui/interfaces/PodLauncher.jsx b/tgui/packages/tgui/interfaces/PodLauncher.jsx
@@ -339,9 +339,9 @@ const ViewTabHolder = (props) => {
         </Flex.Item>
         <Flex.Item grow={1} mt={1}>
           <ByondUi
+            className="CameraPanel"
             height="100%"
             params={{
-              zoom: 0,
               id: map_ref,
               type: 'map',
             }}
@@ -436,11 +436,11 @@ const PodStatusPage = (props) => {
                             }
                           }}
                           style={{
-                            'vertical-align': 'middle',
-                            'margin-left': j !== 0 ? '1px' : '0px',
-                            'margin-right':
+                            verticalAlign: 'middle',
+                            marginLeft: j !== 0 ? '1px' : '0px',
+                            marginRight:
                               j !== list.list.length - 1 ? '1px' : '0px',
-                            'border-radius': '5px',
+                            borderRadius: '5px',
                           }}
                         />
                       )}
@@ -677,9 +677,9 @@ class PresetsPage extends Component {
                 style={
                   presetIndex === preset.id
                     ? {
-                        'border-width': '1px',
-                        'border-style': 'solid',
-                        'border-color': `hsl(${preset.hue}, 80%, 80%)`,
+                        borderWidth: '1px',
+                        borderStyle: 'solid',
+                        borderColor: `hsl(${preset.hue}, 80%, 80%)`,
                       }
                     : ''
                 }

diff --git a/tgui/packages/tgui/interfaces/YautjaEmotes.tsx b/tgui/packages/tgui/interfaces/YautjaEmotes.tsx
@@ -68,7 +68,6 @@ const EmoteTab = (props) => {
                       height="20px"
                       width="32px"
                       style={{
-                        '-ms-interpolation-mode': 'nearest-neighbor',
                         verticalAlign: 'middle',
                       }}
                     />