From 55e10303b27ee9bceb6b57cc7768352db92ba629 Mon Sep 17 00:00:00 2001
From: XiaoSeS <87064762+XiaoSeS@users.noreply.github.com>
Date: Wed, 2 Sep 2026 00:50:23 +0800
Subject: [PATCH] fix(review): wrap editor actions on mobile

Signed-off-by: XiaoSeS <87064762+XiaoSeS@users.noreply.github.com>
---
 web/src/features/social/skill-reviews.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/features/social/skill-reviews.tsx b/web/src/features/social/skill-reviews.tsx
index 8f130d9b..00a70fd5 100644
--- a/web/src/features/social/skill-reviews.tsx
+++ b/web/src/features/social/skill-reviews.tsx
@@ -136,9 +136,9 @@ function ReviewEditor({ skillId, review, onDone }: {
         placeholder={t('skillReviews.placeholder')}
         disabled={pending}
       />
-      <div className="flex items-center justify-between gap-3">
+      <div className="flex flex-wrap items-center justify-between gap-3">
         <span className="text-xs text-muted-foreground">{reviewText.length}/2000</span>
-        <div className="flex gap-2">
+        <div className="ml-auto flex flex-wrap justify-end gap-2">
           {review?.reviewed ? (
             <Button variant="ghost" size="sm" onClick={handleDelete} disabled={pending}>
               {t('skillReviews.delete')}