Visual edit in Lovable

Edited UI in Lovable

src/components/transaction/TransactionDetails.tsx

@@ -1,18 +1,15 @@
-
 import React from 'react';
-
 interface TransactionDetailsProps {
   title: string;
   date: string;
 }
-
-const TransactionDetails: React.FC<TransactionDetailsProps> = ({ title, date }) => {
-  return (
-    <div>
-      <h3 className="text-sm font-medium">{title || '제목 없음'}</h3>
+const TransactionDetails: React.FC<TransactionDetailsProps> = ({
+  title,
+  date
+}) => {
+  return <div>
+      <h3 className="text-sm font-medium text-left">{title || '제목 없음'}</h3>
       <p className="text-xs text-gray-500">{date || '날짜 정보 없음'}</p>
-    </div>
-  );
+    </div>;
 };
-
-export default TransactionDetails;
+export default TransactionDetails;