flatten navbar

Mindgamesnl · Dec 2, 2024 · 7ecb0ad · 7ecb0ad
1 parent b3e85fc
commit 7ecb0ad
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/client/src/components/tabwindow/TabWindow.jsx b/client/src/components/tabwindow/TabWindow.jsx
@@ -151,22 +151,24 @@ class TabWindow extends Component {
                     <button
                       key={page.name}
                       type="button"
-                      className={`px-5 whitespace-nowrap py-1.5 text-xs flex flex-col items-center justify-center font-medium transition-colors duration-150 ${
+                      className={`px-5 whitespace-nowrap text-xs flex flex-row items-center justify-center font-medium transition-colors duration-150 ${
                         this.props.currentTab === index ? 'navbar-button-active rounded-lg' : 'text-white hover:bg-gray-700'
                       }`}
                       onClick={() => setTab(index)}
                     >
                       {page.buttonContent ? page.buttonContent : null}
-                      {page.name}
-                      {page.subtext ? (
-                        <p
-                          className={`${
-                            this.props.currentTab === index ? 'text-green-700' : 'text-green-200'
-                          } text-xs`}
-                        >
-                          {page.subtext}
-                        </p>
-                      ) : null}
+                      <div className="ml-2">
+                        {page.name}
+                        {page.subtext ? (
+                          <p
+                            className={`${
+                              this.props.currentTab === index ? 'text-green-700' : 'text-green-200'
+                            } text-xs`}
+                          >
+                            {page.subtext}
+                          </p>
+                        ) : null}
+                      </div>
                     </button>
                   ))}
                 </div>