From 22d625bd37d31ef4fcd55abde34b5f0d60cb30c5 Mon Sep 17 00:00:00 2001
From: Peifan Li <frank.li.oxygen@gmail.com>
Date: Tue, 16 Dec 2025 21:40:28 -0500
Subject: [PATCH] style: Update styles for VideoAuthorInfo and VideoTags

---
 .../VideoPlayer/VideoInfo/VideoAuthorInfo.tsx |  2 +-
 .../VideoPlayer/VideoInfo/VideoTags.tsx       |  7 ++---
 frontend/src/utils/locales/en.ts              | 26 +++++++++++--------
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/frontend/src/components/VideoPlayer/VideoInfo/VideoAuthorInfo.tsx b/frontend/src/components/VideoPlayer/VideoInfo/VideoAuthorInfo.tsx
index 96865c5..9bb0eb4 100644
--- a/frontend/src/components/VideoPlayer/VideoInfo/VideoAuthorInfo.tsx
+++ b/frontend/src/components/VideoPlayer/VideoInfo/VideoAuthorInfo.tsx
@@ -68,7 +68,7 @@ const VideoAuthorInfo: React.FC<VideoAuthorInfoProps> = ({
                     sx={{ 
                         cursor: 'pointer', 
                         '&:hover': { color: 'primary.main' },
-                        maxWidth: { xs: '120px', sm: 'none' },
+                        maxWidth: { xs: '180px', sm: 'none' },
                         overflow: 'hidden',
                         textOverflow: 'ellipsis',
                         whiteSpace: 'nowrap'
diff --git a/frontend/src/components/VideoPlayer/VideoInfo/VideoTags.tsx b/frontend/src/components/VideoPlayer/VideoInfo/VideoTags.tsx
index 77a05e9..58f7f96 100644
--- a/frontend/src/components/VideoPlayer/VideoInfo/VideoTags.tsx
+++ b/frontend/src/components/VideoPlayer/VideoInfo/VideoTags.tsx
@@ -60,17 +60,18 @@ const VideoTags: React.FC<VideoTagsProps> = ({ tags, availableTags, onTagsUpdate
                         {...params}
                         variant="standard"
                         placeholder={tagsArray.length === 0 ? (t('tags') || 'Tags') : ''}
-                        sx={{ minWidth: 200 }}
+                        sx={{  minWidth: 300 , width: 'auto', display: 'inline-flex' }}
                         slotProps={{
                             input: { 
                                 ...params.InputProps, 
                                 disableUnderline: true,
-                                readOnly: true
+                                readOnly: true,
+                                endAdornment: null
                             }
                         }}
                     />
                 )}
-                sx={{ flexGrow: 1 }}
+                sx={{ width: 'auto', display: 'inline-flex' }}
             />
         </Box>
     );
diff --git a/frontend/src/utils/locales/en.ts b/frontend/src/utils/locales/en.ts
index 04cd16c..d63eb11 100644
--- a/frontend/src/utils/locales/en.ts
+++ b/frontend/src/utils/locales/en.ts
@@ -230,9 +230,11 @@ export const en = {
   retry: "Retry",
   resetPassword: "Reset Password",
   resetPasswordTitle: "Reset Password",
-  resetPasswordMessage: "Are you sure you want to reset the password? The current password will be reset to a random 8-character string and displayed in the backend log.",
+  resetPasswordMessage:
+    "Are you sure you want to reset the password? The current password will be reset to a random 8-character string and displayed in the backend log.",
   resetPasswordConfirm: "Reset",
-  resetPasswordSuccess: "Password has been reset. Check backend logs for the new password.",
+  resetPasswordSuccess:
+    "Password has been reset. Check backend logs for the new password.",
   waitTimeMessage: "Please wait {time} before trying again.",
   tooManyAttempts: "Too many failed attempts.",
   linkCopied: "Link copied to clipboard",
@@ -461,13 +463,15 @@ export const en = {
   hide: "Hide",
   reset: "Reset",
   more: "More",
-    proxyOnlyApplyToYoutube: 'Proxy only apply to Youtube',
-    moveSubtitlesToVideoFolder: 'Subtitles Location',
-    moveSubtitlesToVideoFolderOn: 'With video together',
-    moveSubtitlesToVideoFolderOff: 'In isolated subtitle folder',
-    moveSubtitlesToVideoFolderDescription: 'When enabled, subtitle files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated subtitle folder.',
-    moveThumbnailsToVideoFolder: 'Thumbnail Location',
-    moveThumbnailsToVideoFolderOn: 'With video together',
-    moveThumbnailsToVideoFolderOff: 'In isolated images folder',
-    moveThumbnailsToVideoFolderDescription: 'When enabled, thumbnail files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated images folder.',
+  proxyOnlyApplyToYoutube: "Proxy only apply to Youtube",
+  moveSubtitlesToVideoFolder: "Subtitles Location",
+  moveSubtitlesToVideoFolderOn: "With video together",
+  moveSubtitlesToVideoFolderOff: "In isolated subtitle folder",
+  moveSubtitlesToVideoFolderDescription:
+    "When enabled, subtitle files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated subtitle folder.",
+  moveThumbnailsToVideoFolder: "Thumbnail Location",
+  moveThumbnailsToVideoFolderOn: "With video together",
+  moveThumbnailsToVideoFolderOff: "In isolated images folder",
+  moveThumbnailsToVideoFolderDescription:
+    "When enabled, thumbnail files will be moved to the same folder as the video file. When disabled, they will be moved to the isolated images folder.",
 };