From 1924ba34eeb2e98cad45c651dc90a526ddf82765 Mon Sep 17 00:00:00 2001
From: tsmitty11 <tsmittydesigns@gmail.com>
Date: Mon, 15 May 2023 19:23:27 +0200
Subject: [PATCH] Added some styling to the dropdown

---
 src/layouts/partials/navbar.html       |  2 +-
 src/layouts/partials/tea-two-ways.html | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/layouts/partials/navbar.html b/src/layouts/partials/navbar.html
index 9b9d972..9f52cd0 100644
--- a/src/layouts/partials/navbar.html
+++ b/src/layouts/partials/navbar.html
@@ -70,7 +70,7 @@
             }
 
             .hbtn-light {
-              font-family: "pp-neue-machina";
+              font-family: "inter";
               background: none !important;
               position: relative;
               box-sizing: border-box;
diff --git a/src/layouts/partials/tea-two-ways.html b/src/layouts/partials/tea-two-ways.html
index 75fd09a..baf0267 100644
--- a/src/layouts/partials/tea-two-ways.html
+++ b/src/layouts/partials/tea-two-ways.html
@@ -22,7 +22,7 @@
     {{- partial "click-to-copy.html" . -}}
     <p class="no-installer grid-gray text-center small twoway-boiler"><span class="tea">tea</span> is a stand&#8208;alone binary. See <a class="install-link" href="https://docs.tea.xyz/getting-started/install-tea/without-installer">our docs</a> for more installation methods, including&nbsp;<span class="tea brew-install no-break pe-2">brew install</span>&nbsp;.</p>
     <div class="dropdown mx-auto;">
-    <button onclick="toggleDropdown()" class="dropbtn">Additional Install Options</button>
+    <button onclick="toggleDropdown()" class="dropbtn hbtn-light hb-light-fill-right">Additional Install Options</button>
     <div id="myDropdown" class="dropdown-content">
       <a href="#">fancy one-liner</a>
       <a href="#">hombrew</a>
@@ -49,30 +49,33 @@
     border: none;
     cursor: pointer;
     z-index: 2; /* Added z-index to keep the button above the dropdown */
-    min-width: 240px;
+    min-width: 300px;
     margin-bottom: 5px;
+    height: 45px;
+    border: 1px solid #e1e1e1;
   }
 
   .dropdown-content {
     display: none;
     position: absolute;
-    background-color: #f9f9f9;
-    min-width: 160px;
+    background-color: #1a1a1a;
+    min-width: 300px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
     top: 100%; /* Added top property to position the dropdown below the button */
-    min-width: 240px;
+    border: 1px solid #949494;
   }
 
   .dropdown-content a {
-    color: black;
+    color: #fff;
     padding: 12px 16px;
     text-decoration: none;
     display: block;
   }
 
   .dropdown-content a:hover {
-    background-color: #f1f1f1;
+    background-color: #00ffd0;
+    color: #1a1a1a;
   }
 
   .show {