fix: tabs overflow (#25)

src/app/components/Tabs/Tabs.tsx

@@ -21,7 +21,7 @@ export const Tabs: React.FC<TabsProps> = ({ tabs, className, panelClassName, sty
 	return (
 		<div className={clsx(className, "bg-white rounded-md")}>
 			<Tab.Group selectedIndex={selectedIndex} onChange={setSelectedIndex}>
-				<Tab.List>
+				<Tab.List className={"overflow-auto py-1.5"}>
 					<div>
 						<nav className="flex space-x-4" aria-label="Tabs">
 							{tabs.map((tab) => (

src/app/runs/[id]/components/MentionedResources/MentionedResources.tsx

@@ -100,7 +100,7 @@ export const MentionedResources = ({ data }: MentionedResourcesProps) => {
 					{sortedLinks.map((link) => (
 						<tr key={link.key}>
 							<td className="py-2">{link.key}</td>
-							<td className="py-2">
+							<td className="py-2 pl-4">
 								<a href={link.url} className="text-blue-500 underline text-sm" target="_blank">
 									{link.urlName}
 								</a>
@@ -110,17 +110,5 @@ export const MentionedResources = ({ data }: MentionedResourcesProps) => {
 				</tbody>
 			</table>
 		</div>
-		// <div>
-		// 	<p>Mentioned resources extracts paths used in Nextflow configuration and constructs URLs if possible.</p>
-		// 	<ul>
-		// 		{Object.entries(matches).map(([key, value]) => (
-		// 			<li key={key}>
-		// 				<p>
-		// 					{key}- {JSON.stringify(value)}
-		// 				</p>
-		// 			</li>
-		// 		))}
-		// 	</ul>
-		// </div>
 	)
 }