반응형 웹 디자인 적용

app/(admin)/maestros/[maestroId]/UpgradeRequestsSection.tsx

@@ -88,16 +88,16 @@ export function UpgradeRequestsSection({
   }
 
   return (
-    <section className="rounded-lg border bg-background p-5">
-      <div className="flex items-start justify-between gap-2">
+    <section className="overflow-hidden rounded-lg border bg-background p-5">
+      <div className="flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between">
         <div>
           <h2 className="text-base font-semibold">업그레이드 신청 이력</h2>
           <p className="mt-1 text-sm text-muted-foreground">
             전체 {totalCount.toLocaleString()}건 중 최근 20건
           </p>
         </div>
-        <div className="flex flex-col items-end gap-1">
-          <div className="flex items-center gap-2">
+        <div className="flex flex-col items-start gap-1 sm:items-end">
+          <div className="flex flex-wrap items-center gap-2">
             <select
               className={selectClass}
               disabled={isDisabled}