feat: update proxy layout

src/components/Collpase.tsx

@@ -31,7 +31,7 @@ const Collapse: ParentComponent<Props> = (props) => {
       )}
     >
       <div
-        class={'collapse-title text-xl font-medium'}
+        class="collapse-title text-xl font-medium"
         onClick={() => onCollapse(!props.isOpen)}
       >
         {title}

src/components/ProxyNodeCard.tsx

@@ -33,7 +33,7 @@ export default (props: {
     const t = type.toLowerCase()
 
     if (t === 'shadowsocks') {
-      return 'SS'
+      return 'ss'
     }
 
     return t

src/pages/Proxies.tsx

@@ -40,19 +40,22 @@ export default () => {
           <For each={proxies()}>
             {(proxy) => {
               const title = (
-                <>
+                <div class="flex items-center justify-between">
-                  <div class="flex items-center gap-2">
+                  <div class="flex flex-col">
                     <span>{proxy.name}</span>
 
-                    <IconBrandSpeedtest
-                      class="cursor-pointer"
-                      onClick={(e) => onSpeedTestClick(e, proxy.name)}
-                    />
-                  </div>
                     <div class="text-sm text-slate-500">
                       {proxy.type} :: {proxy.now}
                     </div>
-                </>
+                  </div>
+
+                  <button
+                    class="btn btn-circle btn-sm"
+                    onClick={(e) => onSpeedTestClick(e, proxy.name)}
+                  >
+                    <IconBrandSpeedtest />
+                  </button>
+                </div>
               )
 
               const content = (