From 6eb3a2e073a99b68b3ede961b0164e6d8585e8a3 Mon Sep 17 00:00:00 2001
From: Sukma Gladys <sukmagladysv@gmail.com>
Date: Tue, 26 Nov 2024 04:50:20 +0700
Subject: [PATCH] fix: several responsive button

---
 .../_dashboardLayout/assessmentResult/index.lazy.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx b/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
index 46c3511..695dead 100644
--- a/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
+++ b/apps/frontend/src/routes/_dashboardLayout/assessmentResult/index.lazy.tsx
@@ -539,7 +539,7 @@ export default function AssessmentResultPage() {
       <Card className="flex flex-col w-screen h-fit border-none shadow-none -mt-6 lg:-mr-5 lg:-ml-0 -mx-3 bg-stone-50 overflow-hidden">
         <div className="flex flex-col w-full h-fit mb-4 justify-center items-start bg-white p-4 border-b">
           {/* Konten Header */}
-          <div className="flex justify-between items-center w-full">
+          <div className="flex flex-col lg:flex-row justify-between items-center w-full">
             {isSuperAdmin ? (
               <div className="flex flex-col">
                 <button
@@ -559,7 +559,7 @@ export default function AssessmentResultPage() {
               </div>
             )}
 
-            <div className="hidden lg:flex flex-row gap-2" id="button-print">
+            <div className="flex flex-row gap-2 mt-4 lg:mt-0" id="button-print">
               <div className="flex">
                 <DropdownMenu>
                   <DropdownMenuTrigger
@@ -574,7 +574,7 @@ export default function AssessmentResultPage() {
                     )}
                   </DropdownMenuTrigger>
                   {isOpen && (
-                    <DropdownMenuContent className="bg-white text-black flex w-44 rounded-sm text-sm items-start">
+                    <DropdownMenuContent className="bg-white text-black flex w-44 rounded-sm text-xs lg:text-sm items-start">
                       <DropdownMenuItem className="w-full" onClick={handleItemClick}>
                         {selectedItem === 'Hasil Asesmen' ? 'Hasil Terverifikasi' : 'Hasil Asesmen'}
                       </DropdownMenuItem>
@@ -584,7 +584,7 @@ export default function AssessmentResultPage() {
               </div>
               <button
                 onClick={() => handlePrintPDF()}
-                className="bg-blue-600 text-white flex w-fit py-2 px-4 rounded-lg text-sm items-start justify-between outline-none ring-offset-0"
+                className="bg-blue-600 text-white flex w-fit py-2 px-4 rounded-lg text-xs lg:text-sm items-start justify-between outline-none ring-offset-0"
               >
                 Cetak PDF
                 <TbFileTypePdf size={20} className="ml-2" />