From 7d1282eed2784a23332ec88615f2f2fe8a83a994 Mon Sep 17 00:00:00 2001
From: edo999 <edo999@gmail.com>
Date: Sun, 21 Apr 2024 17:08:53 +0100
Subject: [PATCH] =?UTF-8?q?Add=20some=20semantic=20tags=20=F0=9F=92=A1.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ColumnListHeader.js | 2 +-
 src/components/ColumnListItem.js   | 2 +-
 src/components/PrimaryColumn.js    | 6 +++---
 src/components/SecondaryColumn.js  | 6 +++---
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/ColumnListHeader.js b/src/components/ColumnListHeader.js
index e873170..6beeee0 100644
--- a/src/components/ColumnListHeader.js
+++ b/src/components/ColumnListHeader.js
@@ -8,7 +8,7 @@ const ColumnListHeader = ({ className, children, ...props }) => {
         className,
       )}
       {...props}>
-      {children}
+      <h2>{children}</h2>
     </li>
   );
 };
diff --git a/src/components/ColumnListItem.js b/src/components/ColumnListItem.js
index c8e5583..4e37768 100644
--- a/src/components/ColumnListItem.js
+++ b/src/components/ColumnListItem.js
@@ -14,7 +14,7 @@ const ColumnListItem = ({ path, selected, className, children, ...props }) => {
   ) : (
     <li
       className={clsx(
-        'bg-slate-700 py-1 text-slate-200 hover:bg-slate-600 hover:text-slate-100',
+        'py-1 hover:bg-slate-600 hover:text-slate-100',
         className,
       )}
       {...props}>
diff --git a/src/components/PrimaryColumn.js b/src/components/PrimaryColumn.js
index 3906f8c..e17573d 100644
--- a/src/components/PrimaryColumn.js
+++ b/src/components/PrimaryColumn.js
@@ -1,7 +1,7 @@
 const PrimaryColumn = ({ children }) => (
-  <ol className="shrink-0 overflow-y-auto bg-slate-700 text-xs md:text-sm">
-    {children}
-  </ol>
+  <nav className="shrink-0 overflow-y-auto text-nowrap bg-slate-700 text-xs text-slate-200 md:text-sm">
+    <ol>{children}</ol>
+  </nav>
 );
 
 export default PrimaryColumn;
diff --git a/src/components/SecondaryColumn.js b/src/components/SecondaryColumn.js
index 59a22bd..e5d0c14 100644
--- a/src/components/SecondaryColumn.js
+++ b/src/components/SecondaryColumn.js
@@ -1,7 +1,7 @@
 const SecondaryColumn = ({ children }) => (
-  <ol className="shrink-0 overflow-y-auto bg-slate-200 text-xs md:text-sm">
-    {children}
-  </ol>
+  <nav className="shrink-0 overflow-y-auto text-nowrap bg-slate-200 text-xs md:text-sm">
+    <ol>{children}</ol>
+  </nav>
 );
 
 export default SecondaryColumn;