From e23b42b90359e42f8022d299b0da2784b4bbfb3a Mon Sep 17 00:00:00 2001
From: Thomas Smith <49042513+tsmitty11@users.noreply.github.com>
Date: Fri, 9 Sep 2022 11:04:36 -0400
Subject: [PATCH] Additional styling for dropdown menu

---
 src/layouts/page/white-paper.html | 67 ++++++++++++++++++++++---------
 1 file changed, 49 insertions(+), 18 deletions(-)

diff --git a/src/layouts/page/white-paper.html b/src/layouts/page/white-paper.html
index 7a94b57..11479ac 100644
--- a/src/layouts/page/white-paper.html
+++ b/src/layouts/page/white-paper.html
@@ -72,28 +72,59 @@
     </div>
     <div class="row">
       <hr>
-      <div class="col">
-        <h4>Our white paper is available in multiple languages</h4>
-        <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
-      </div>
-      <div class="col">
-        <div class="dropdown">
-          <button class="btn btn-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-            Choose a Language
-          </button>
-          <ul class="dropdown-menu">
-            <li><a class="dropdown-item" href="#">English</a></li>
-            <li><a class="dropdown-item" href="#">Belarusian</a></li>
-            <li><a class="dropdown-item" href="#">German</a></li>
-            <li><a class="dropdown-item" href="#">Indonesian</a></li>
-            <li><a class="dropdown-item" href="#">Korean</a></li>
-            <li><a class="dropdown-item" href="#">Spanish</a></li>
-          </ul>
+        <div class="col mb-4 mt-3">
+          <h4>Our white paper is available in multiple languages</h4>
+          <p>Thanks to the tea community's generosity and time, our white paper is available in several world languages.</p>
+          <div class="dropdown">
+            <button class="btn btn-secondary dropdown-toggle languages" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+              Choose a Language
+            </button>
+            <ul class="dropdown-menu">
+              <li><a class="dropdown-item" href="#">English</a></li>
+              <li><a class="dropdown-item" href="#">Belarusian</a></li>
+              <li><a class="dropdown-item" href="#">German</a></li>
+              <li><a class="dropdown-item" href="#">Indonesian</a></li>
+              <li><a class="dropdown-item" href="#">Korean</a></li>
+              <li><a class="dropdown-item" href="#">Spanish</a></li>
+            </ul>
+          </div>
         </div>
-      </div>
     </div>
   </div>
 
+  <style>
+
+    .languages{
+      border: 2px solid white;
+      border-radius: 30px;
+      width:240px;
+      background-color:#1C1E21;
+    }
+
+    .languages:hover{
+      background-color:#23282c;
+    }
+
+    .languages:focus{
+      background-color:#1C1E21;
+    }
+
+    .dropdown-menu{
+      width:240px;
+      background-color:#23282c;
+      color:white;
+    }
+
+    .dropdown-item{
+      color:white;
+    }
+
+    .dropdown-item:hover{
+      background-color: #54BAAB;
+    }
+
+  </style>
+
   <!-- Start PDF -->
 
   <div class="container pdf-iframe"