From ecf8c2c92a3970f4e9d7f9b10188fca80243cbd5 Mon Sep 17 00:00:00 2001
From: Don Naro <dnaro@redhat.com>
Date: Tue, 20 Feb 2024 11:33:36 +0000
Subject: [PATCH] fix tab menu alignment issue (#422)

---
 .../sass/_homepage-clickable.scss             | 21 -------------------
 .../sass/_homepage-tab-menu-band.scss         | 20 +++++++++++++++++-
 2 files changed, 19 insertions(+), 22 deletions(-)

diff --git a/themes/ansible-community/sass/_homepage-clickable.scss b/themes/ansible-community/sass/_homepage-clickable.scss
index 9efe72b4..6648239f 100644
--- a/themes/ansible-community/sass/_homepage-clickable.scss
+++ b/themes/ansible-community/sass/_homepage-clickable.scss
@@ -24,27 +24,6 @@
   white-space: inherit;
 }
 
-/* tabs in the secondary menu */
-.tab-menu-anchor {
-  display: flex;
-  padding: 1.75rem;
-  align-items: center;
-  justify-content: center;
-  font-size: $font-lg;
-  img {
-    float: left;
-    width: auto;
-    height: 2.5rem;
-  }
-  p {
-    white-space: nowrap;
-  }
-  &:hover {
-    background-color: $white;
-    color: $navy;
-  }
-}
-
 /* controls text elements next to
    anchors, such as fa icons */
 .homepage-link {
diff --git a/themes/ansible-community/sass/_homepage-tab-menu-band.scss b/themes/ansible-community/sass/_homepage-tab-menu-band.scss
index e6eb3f66..fc175e35 100644
--- a/themes/ansible-community/sass/_homepage-tab-menu-band.scss
+++ b/themes/ansible-community/sass/_homepage-tab-menu-band.scss
@@ -5,7 +5,6 @@
   background-color: $grey94;
   display: grid;
   grid-template-columns: repeat(5 1fr);
-  gap: 20px;
   @media screen and (max-width: 992px) {
     display: none;
   }
@@ -20,3 +19,22 @@
     color: $cyan;
   }
 }
+
+.tab-menu-anchor {
+  display: flex;
+  padding: 1.75rem 1.75rem 1rem 1.75rem;
+  justify-content: center;
+  font-size: $font-lg;
+  line-height: 40px;
+  img {
+    float: left;
+    margin-right: 0.25rem;
+  }
+  p {
+    white-space: nowrap;
+  }
+  &:hover {
+    background-color: $white;
+    color: $navy;
+  }
+}