refactor(ui): change view details button on logs page to an icon

src/components/Settings/SettingsLogs/index.tsx

@@ -34,7 +34,6 @@ const messages = defineMessages({
   showall: 'Show All Logs',
   pauseLogs: 'Pause',
   resumeLogs: 'Resume',
-  viewDetails: 'View Details',
   copyToClipboard: 'Copy to Clipboard',
   logDetails: 'Log Details',
   extraData: 'Additional Data',
@@ -361,7 +360,19 @@ const SettingsLogs: React.FC = () => {
                         onClick={() => setActiveLog(row)}
                         className="mr-2"
                       >
-                        {intl.formatMessage(messages.viewDetails)}
+                        <svg
+                          className="w-5 h-5 text-white"
+                          fill="currentColor"
+                          viewBox="0 0 20 20"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2h-1.528A6 6 0 004 9.528V4z" />
+                          <path
+                            fillRule="evenodd"
+                            d="M8 10a4 4 0 00-3.446 6.032l-1.261 1.26a1 1 0 101.414 1.415l1.261-1.261A4 4 0 108 10zm-2 4a2 2 0 114 0 2 2 0 01-4 0z"
+                            clipRule="evenodd"
+                          />
+                        </svg>
                       </Button>
                     )}
                     <Button

src/i18n/locale/en.json

@@ -421,7 +421,6 @@
   "components.Settings.SettingsLogs.resumeLogs": "Resume",
   "components.Settings.SettingsLogs.showall": "Show All Logs",
   "components.Settings.SettingsLogs.time": "Timestamp",
-  "components.Settings.SettingsLogs.viewDetails": "View Details",
   "components.Settings.SettingsUsers.defaultPermissions": "Default Permissions",
   "components.Settings.SettingsUsers.localLogin": "Enable Local Sign-In",
   "components.Settings.SettingsUsers.movieRequestLimitLabel": "Global Movie Request Limit",