@@ -3,7 +3,7 @@ import axios from "axios";
33import { PatientInfo } from "./PatientTypes" ;
44import Tooltip from "../../components/Tooltip" ;
55import TypingAnimation from "../../components/Header/components/TypingAnimation.tsx" ;
6- import { FaPencilAlt , FaPrint , FaMinus , FaBug } from "react-icons/fa" ;
6+ import { FaPencilAlt , FaPrint , FaMinus , FaRegThumbsDown } from "react-icons/fa" ;
77import FeedbackForm from "../Feedback/FeedbackForm" ;
88import Modal from "../../components/Modal/Modal" ;
99
@@ -307,40 +307,48 @@ const PatientSummary = ({
307307 < h2 className = "font-bold text-gray-600 cursor-pointer header_logo font-satoshi hover:text-blue-600" >
308308 Summary
309309 </ h2 >
310-
311- < aside className = "flex w-1/3 flex-row justify-end space-x-2 sm:w-auto" >
310+ < aside className = "flex w-1/3 flex-row justify-end gap-1.5 sm:w-auto" >
312311 < button
313312 onClick = { handlePatientPrint }
314- className = "p-3 text-sm text-gray-900 border rounded-lg hover:text-gray-800 no-print" >
313+ className = "p-3 text-sm text-gray-800 rounded-md hover:bg-gray-100 no-print" >
314+
315+ < div className = " flex items-center gap-x-1" >
316+ < FaPrint />
317+ < span > Print</ span >
318+ </ div >
315319
316- < FaPrint className = "inline-block" /> Print
317320 </ button >
318321 < button
319322 onClick = { handlePatientEdit }
320- className = "p-3 text-sm text-gray-900 border rounded-lg hover:text -gray-800 no-print"
323+ className = "p-3 text-sm text-gray-800 rounded-md hover:bg -gray-100 no-print"
321324 >
322- < FaPencilAlt className = "inline-block" /> Edit
325+ < div className = " flex items-center gap-x-1" >
326+ < FaPencilAlt />
327+ < span > Edit</ span >
328+ </ div >
323329 </ button >
324-
325330 < button
326- className = "p-2 sm:p-3 text-sm text-red-500 border rounded-lg hover:text-red-500 hover:bg-gray-100 hover:border-red-500 no-print"
331+ className = "p-3 text-sm text-gray-800 rounded-md hover:text-red-500 hover:bg-gray-100 no-print"
327332 onClick = { ( event ) => {
328333 if ( patientInfo . ID ) {
329334 handleOpenModal ( patientInfo . ID , event ) ;
330335 }
331336 } }
332337 >
333- < FaBug className = "inline-block" /> Report Issue
338+ < div className = " flex items-center gap-x-1" >
339+ < FaRegThumbsDown />
340+ < span > Report Issue </ span >
341+ </ div >
334342 </ button >
335-
336343 < button
337344 onClick = { handleClickSummary }
338- className = "p-3 text-sm text-gray-900 border rounded-lg hover:text-gray-800 no-print" >
339- < FaMinus className = "inline-block" /> Hide
345+ className = "p-3 text-sm text-gray-800 rounded-md hover:bg-gray-100 no-print" >
346+ < div className = " flex items-center gap-x-1" >
347+ < FaMinus />
348+ < span > Hide</ span >
349+ </ div >
340350 </ button >
341351 </ aside >
342-
343-
344352 </ div >
345353 </ div >
346354 < div className = "mt-2 border-b border-gray-900/10" >
0 commit comments