fix: Adjust popup UI

src/views/Popup/PopupCont.js

@@ -342,22 +342,7 @@ export default function PopupCont({
         </Grid>
       </Grid>
 
-      <TextField
-        select
-        SelectProps={{ MenuProps: { disablePortal: true } }}
-        size="small"
-        value={apiSlug}
-        name="apiSlug"
-        label={i18n("translate_service")}
-        onChange={handleChange}
-      >
-        {optApis.map(({ key, name }) => (
-          <MenuItem key={key} value={key}>
-            {name}
-          </MenuItem>
-        ))}
-      </TextField>
-
+      <Stack direction="row" spacing={2}>
         <TextField
           select
           SelectProps={{ MenuProps: { disablePortal: true } }}
@@ -366,6 +351,7 @@ export default function PopupCont({
           name="fromLang"
           label={i18n("from_lang")}
           onChange={handleChange}
+          fullWidth
         >
           {OPT_LANGS_FROM.map(([lang, name]) => (
             <MenuItem key={lang} value={lang}>
@@ -382,6 +368,7 @@ export default function PopupCont({
           name="toLang"
           label={i18n("to_lang")}
           onChange={handleChange}
+          fullWidth
         >
           {OPT_LANGS_TO.map(([lang, name]) => (
             <MenuItem key={lang} value={lang}>
@@ -389,6 +376,25 @@ export default function PopupCont({
             </MenuItem>
           ))}
         </TextField>
+      </Stack>
+
+      <Stack direction="row" spacing={2}>
+        <TextField
+          select
+          SelectProps={{ MenuProps: { disablePortal: true } }}
+          size="small"
+          value={apiSlug}
+          name="apiSlug"
+          label={i18n("translate_service")}
+          onChange={handleChange}
+          fullWidth
+        >
+          {optApis.map(({ key, name }) => (
+            <MenuItem key={key} value={key}>
+              {name}
+            </MenuItem>
+          ))}
+        </TextField>
 
         <TextField
           select
@@ -402,6 +408,7 @@ export default function PopupCont({
               : i18n("text_style_alt")
           }
           onChange={handleChange}
+          fullWidth
         >
           {allTextStyles.map((item) => (
             <MenuItem key={item.styleSlug} value={item.styleSlug}>
@@ -409,6 +416,7 @@ export default function PopupCont({
             </MenuItem>
           ))}
         </TextField>
+      </Stack>
 
       <Stack
         direction="row"