From 7217b79d6aa8ce6062c697223d613fea1f8d896a Mon Sep 17 00:00:00 2001
From: Chloe Lim <chloelim22@gmail.com>
Date: Tue, 12 Nov 2024 21:33:44 +0800
Subject: [PATCH] fix: i hate frontend

---
 frontend/app/(authenticated)/answers/point-accordion.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/(authenticated)/answers/point-accordion.tsx b/frontend/app/(authenticated)/answers/point-accordion.tsx
index 218b216b..81674f23 100644
--- a/frontend/app/(authenticated)/answers/point-accordion.tsx
+++ b/frontend/app/(authenticated)/answers/point-accordion.tsx
@@ -176,11 +176,11 @@ const PointAccordion: React.FC<OwnProps> = ({ answer_id, point }) => {
                   },
                 )}
               {!point.example_regenerated && (
-                <div className="flex justify-between items-center bg-violet-100 shadow-inner py-2 px-8">
-                  <p className="font-medium">
+                <div className="flex flex-col sm:flex-row justify-between items-center bg-violet-100 shadow-inner py-2 px-8">
+                  <p className="font-medium w-full px-4 mt-2 sm:mt-0 sm:px-0 sm:w-fit">
                     Not satisfied with these examples?
                   </p>
-                  <div className="flex gap-2 flex-wrap">
+                  <div className="flex gap-2 flex-wrap w-full sm:w-fit">
                     <Button onClick={regenerateExamples} variant="ghost">
                       Regenerate more examples
                       <LucideRefreshCw className="h-4 w-4 ml-2" />