Revert "refactor: improve proxy group UI and spacing (#2835)"

This reverts commit 520c33557eb37fcdc8ea89f3aeb5740e2deb0c7a.

src/components/proxy/proxy-groups.tsx

@@ -508,13 +508,8 @@ export const ProxyGroups = (props: Props) => {
         )}
       />
       <ScrollTopButton show={showScrollTop} onClick={scrollToTop} />
-      <AlphabetSelector
-        ref={alphabetSelectorRef}
-        style={{
-          maxHeight,
-          right: 10,
-        }}
-      >
+
+      <AlphabetSelector ref={alphabetSelectorRef} style={{ maxHeight }}>
         <div className="scroll-container">
           <div ref={letterContainerRef} className="letter-container">
             {groupFirstLetters.map((name) => (

src/components/proxy/proxy-render.tsx

@@ -66,8 +66,8 @@ export const ProxyRender = (props: RenderProps) => {
         style={{
           background: itembackgroundcolor,
           height: "100%",
-          margin: "10px 16px",
-          borderRadius: "10px",
+          margin: "8px 8px",
+          borderRadius: "8px",
         }}
         onClick={() => onHeadState(group.name, { open: !headState?.open })}
       >
@@ -131,7 +131,7 @@ export const ProxyRender = (props: RenderProps) => {
   if (type === 1) {
     return (
       <ProxyHead
-        sx={{ pl: 3, pr: 3.5, mt: indent ? 1 : 0.5, mb: 1 }}
+        sx={{ pl: 2, pr: 3, mt: indent ? 1 : 0.5, mb: 1 }}
         url={group.testUrl}
         groupName={group.name}
         headState={headState!}
@@ -191,10 +191,10 @@ export const ProxyRender = (props: RenderProps) => {
         sx={{
           height: 56,
           display: "grid",
-          gap: 1.5,
-          pl: 3,
-          pr: 3.5,
-          pb: 1.25,
+          gap: 1,
+          pl: 2,
+          pr: 2,
+          pb: 1,
           gridTemplateColumns: `repeat(${item.col! || 2}, 1fr)`,
         }}
       >