fix: mobile row layout

Author: toto04

src/components/url-record-row.tsx

@@ -42,10 +42,18 @@ export function MobileRow({
           href={shortUrl}
           target="_blank"
           rel="noopener noreferrer"
-          className="text-blue-400 hover:underline font-mono"
+          className="text-blue-400 flex-1 max-sm:hidden hover:underline font-mono"
         >
           {shortUrl}
         </a>
+        <a
+          href={shortUrl}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-blue-400 flex-1 sm:hidden hover:underline font-mono"
+        >
+          /{url.short_code}
+        </a>
         <Button variant="ghost" size="icon" onClick={() => onCopy(url)}>
           <Copy />
         </Button>
@@ -54,7 +62,7 @@ export function MobileRow({
         <ArrowRight className="text-blue-400" />
         <a
           href={url.original_url}
-          className="text-blue-400 hover:underline font-mono truncate"
+          className="text-blue-400 flex-1 hover:underline font-mono truncate"
           title={url.original_url}
           target="_blank"
           rel="noopener noreferrer"