Adjust Appearance

frontend/src/app/[locale]/projects/ProjectsPage.tsx

@@ -81,7 +81,6 @@ export default function ProjectsPage({ messages, locale }: Props) {
   };
 
   return (
-    <div className="flex justify-center">
     <div className="container mx-auto max-w-3xl pt-16 px-6 flex-grow">
       <div className="w-full p-3 flex items-center justify-between">
         <h3 className="font-bold">{messages.project}</h3>
@@ -113,6 +112,5 @@ export default function ProjectsPage({ messages, locale }: Props) {
         messages={messages}
       />
     </div>
-    </div>
   );
 }

frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseTable.tsx

@@ -74,6 +74,7 @@ export default function TestCaseTable({
       return sortDescriptor.direction === "descending" ? -cmp : cmp;
     });
   }, [sortDescriptor, cases]);
+
   const renderCell = useCallback((testCase: Case, columnKey: Key) => {
     const cellValue = testCase[columnKey as keyof Case];
 
@@ -82,6 +83,11 @@ export default function TestCaseTable({
         return <span>{cellValue}</span>;
       case "title":
         return (
+          <Button
+            size="sm"
+            variant="light"
+            className="data-[hover=true]:bg-transparent"
+          >
             <Link
               href={`/projects/${projectId}/folders/${testCase.folderId}/cases/${testCase.id}`}
               locale={locale}
@@ -89,6 +95,7 @@ export default function TestCaseTable({
             >
               {cellValue}
             </Link>
+          </Button>
         );
       case "priority":
         return (