fix(team-calc) : improve mobile equipment and export layout

components/public/guide-image-export.tsx

@@ -52,6 +52,7 @@ export function GuideImageExport({
   allowWithoutNotes = true,
   captureClassName,
   buttonLabel = "ส่งออกภาพ",
+  mobileIconOnly = false,
   language: controlledLanguage,
   showLanguageSelector = true,
   promptForLanguage = false,
@@ -66,6 +67,7 @@ export function GuideImageExport({
   allowWithoutNotes?: boolean;
   captureClassName?: string;
   buttonLabel?: string;
+  mobileIconOnly?: boolean;
   language?: ExportLanguage;
   showLanguageSelector?: boolean;
   promptForLanguage?: boolean;
@@ -165,6 +167,7 @@ export function GuideImageExport({
             type="button"
             variant="outline"
             size="sm"
+            className={mobileIconOnly ? "max-sm:size-7 max-sm:px-0 max-sm:has-data-[icon=inline-start]:pl-0" : undefined}
             disabled={capturing || disabled}
             onClick={() => {
               if (promptForLanguage) setPendingCaptureMode(mode);
@@ -176,11 +179,13 @@ export function GuideImageExport({
             ) : (
               <DownloadIcon data-icon="inline-start" />
             )}
-            {captureMode === mode
+            <span className={mobileIconOnly ? "sr-only sm:not-sr-only" : undefined}>
-              ? "กำลังส่งออก…"
+              {captureMode === mode
-              : mode === "without-notes"
+                ? "กำลังส่งออก…"
-                ? "ส่งออกภาพโดยไม่รวมโน้ต"
+                : mode === "without-notes"
-                : buttonLabel}
+                  ? "ส่งออกภาพโดยไม่รวมโน้ต"
+                  : buttonLabel}
+            </span>
           </Button>
         ))}
       </div>

components/public/team-search.tsx

@@ -329,7 +329,7 @@ function TeamCard({
                     eager={exporting}
                     linked={!exporting}
                     sizes="64px"
-                    className="sm:col-span-2"
+                    className="order-first sm:order-none sm:col-span-2"
                   />
                 </div>
               </div>
@@ -474,6 +474,7 @@ export function TeamSearch({ groups }: { groups: PublicGuide["teamGroups"] }) {
                   width={1080}
                   captureClassName="p-0"
                   allowWithoutNotes={false}
+                  mobileIconOnly
                   showLanguageSelector={false}
                   promptForLanguage
                 >