From ef7b3faeca782422848e9d0846d969642eebd6d0 Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Sun, 14 May 2023 11:15:12 +0200
Subject: [PATCH] Small improvements

---
 src/components/Chip.tsx              |  3 +--
 src/pages/contents/folder/[slug].tsx | 12 ++++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/Chip.tsx b/src/components/Chip.tsx
index 06c9aed..e7d2299 100644
--- a/src/components/Chip.tsx
+++ b/src/components/Chip.tsx
@@ -16,8 +16,7 @@ export const Chip = ({ className, text }: Props): JSX.Element => (
   <div
     className={cJoin(
       `grid place-content-center place-items-center whitespace-nowrap rounded-full border
-      px-1.5 pb-[0.14rem] text-xs opacity-70 transition-[color,opacity,border-color]
-      hover:opacity-100`,
+      border-black/70 text-black/70 px-1.5 pb-[0.14rem] text-xs`,
       className
     )}>
     {text}
diff --git a/src/pages/contents/folder/[slug].tsx b/src/pages/contents/folder/[slug].tsx
index 517a6f7..b63163f 100644
--- a/src/pages/contents/folder/[slug].tsx
+++ b/src/pages/contents/folder/[slug].tsx
@@ -95,10 +95,10 @@ const ContentsFolder = ({ openGraph, folder, path, ...otherProps }: Props): JSX.
 
       {folder.subfolders?.data && folder.subfolders.data.length > 0 && (
         <div className="mb-8">
-          <h2 className="flex flex-row place-items-center gap-2 pb-2 text-2xl">
-            {format("folders")}
+          <div className="mb-2 flex place-items-center gap-2">
+            <h2 className="text-2xl">{format("folders")}</h2>
             <Chip text={format("x_results", { x: folder.subfolders.data.length })} />
-          </h2>
+          </div>
           <div
             className={cJoin(
               "grid items-start gap-8 pb-12",
@@ -127,10 +127,10 @@ const ContentsFolder = ({ openGraph, folder, path, ...otherProps }: Props): JSX.
 
       {folder.contents?.data && folder.contents.data.length > 0 && (
         <div className="mb-8">
-          <h2 className="flex flex-row place-items-center gap-2 pb-2 text-2xl">
-            {format("contents")}
+          <div className="mb-2 flex place-items-center gap-2">
+            <h2 className="text-2xl">{format("contents")}</h2>
             <Chip text={format("x_results", { x: folder.contents.data.length })} />
-          </h2>
+          </div>
           <div
             className={cJoin(
               "grid items-start gap-8 pb-12",