fix(admin):mobile layout in version tierlist

app/(ui)/admin/tl/ver/page.tsx

@@ -30,12 +30,15 @@ export default async function TierlistManagerPage() {
       </Button>
       {vers.map((t) => (
         <div className="flex flex-col gap-1 group/type" key={t.id}>
-          <div className="font-semibold text-4xl flex items-center gap-2 w-fit text-nowrap">
-            <div className="px-2 py-1 border w-min rounded-md bg-[#2228] flex-auto">
-              {t.name} <Kbd>{t.id}</Kbd>
-              <Kbd className="text-sm text-muted-foreground ml-2">
-                {t.mode}
-              </Kbd>
+          <div className="font-semibold text-4xl flex flex-wrap items-center gap-2 w-fit">
+            <div className="px-2 py-1 border rounded-md bg-[#2228] flex-auto flex flex-wrap items-baseline gap-x-2">
+              <span className="text-nowrap">{t.name}</span>
+              <span className="flex items-center gap-1">
+                <Kbd>{t.id}</Kbd>
+                <span className="text-xs text-muted-foreground">
+                  {t.mode}
+                </span>
+              </span>
             </div>
             <div className="md:opacity-0 group-hover/type:opacity-100 transition-opacity flex gap-1">
               <SimpleTooltip text="Create version">

app/(ui)/artifact/client.tsx

@@ -358,4 +358,4 @@ export function WarningDialog() {
   shared.signal("beforeSubmit", () => {
     _manual;
   });
-}
+}