Merge pull request #205 from Minnowo/css_fixes

Minor CSS fixes

Author: jmattheis

ui/src/common/TagChip.tsx

@@ -15,6 +15,7 @@ export const TagChip = ({color, label}: {label: string; color: string}) => {
                 color: textColor,
                 cursor: 'text',
                 minHeight: '32px',
+                height: 'fit-content',
                 whiteSpace: 'normal',
                 wordBreak: 'break-word',
             }}

ui/src/devices/DevicesPage.tsx

@@ -84,13 +84,14 @@ export const DevicesPage = () => {
                                 }
                             }}
                             onSubmit={onClickSubmit}
+                            style={{minWidth: 128}}
                         />
                     ) : (
                         device.name + (isCurrent ? ' (current)' : '')
                     )}
                 </TableCell>
                 <TableCell title={device.createdAt}>{moment(device.createdAt).fromNow()}</TableCell>
-                <TableCell title={device.type}>
+                <TableCell title={device.type} style={{minWidth: 128}}>
                     {isEdited ? (
                         <Select
                             value={editDeviceType}

ui/src/tag/TagPage.tsx

@@ -82,12 +82,13 @@ export const TagPage = () => {
                                 }
                             }}
                             onSubmit={onClickSubmit}
+                            style={{minWidth: 128}}
                         />
                     ) : (
                         tag.key
                     )}
                 </TableCell>
-                <TableCell>
+                <TableCell style={{minWidth: 128}}>
                     {isEdited ? (
                         <SliderPicker onChange={(c) => setEditing([editKey, editKeyNew, c.hex])} color={editColor} />
                     ) : (