update: adjust TableList component for improved data display and enhance ListDevice component styles

src/pages/master/device/component/ListDevice.jsx

@@ -45,7 +45,7 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
         title: 'Device Code',
         dataIndex: 'device_code',
         key: 'device_code',
-        width: '5%',
+        width: '10%',
     },
     {
         title: 'Device Name',
@@ -94,17 +94,20 @@ const columns = (showPreviewModal, showEditModal, showDeleteDialog) => [
             <Space>
                 <Button
                     type="text"
+                    style={{ borderColor: '#1890ff' }}
                     icon={<EyeOutlined style={{ color: '#1890ff' }} />}
                     onClick={() => showPreviewModal(record)}
                 />
                 <Button
                     type="text"
+                    style={{ borderColor: '#faad14' }}
                     icon={<EditOutlined style={{ color: '#faad14' }} />}
                     onClick={() => showEditModal(record)}
                 />
                 <Button
                     type="text"
                     danger
+                    style={{ borderColor: 'red' }}
                     icon={<DeleteOutlined />}
                     onClick={() => showDeleteDialog(record)}
                 />