Add rounded corners to dropdown and on link hover

Author: josh-wong

src/css/custom.css

@@ -260,11 +260,14 @@ html[data-theme="dark"] .tooltip-glossary {
 
 .supportDropdownContent {
   background-color: #f9f9f9;
-  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
+  border-radius: 8px;
+  box-shadow: var(--ifm-global-shadow-md);
   color: var(--ifm-color-emphasis-700);
   font-size: 14px;
   min-width: 303px;
   opacity: 0;
+  overflow: hidden;
+  padding: 8px 0px;
   position: absolute;
   right: 0;
   transform: translateY(-10px);
@@ -323,12 +326,15 @@ html[data-theme="dark"] .tooltip-glossary {
 .supportDropdownContent a {
   color: black;
   display: block;
-  padding: 6px 12px;
+  margin: 4px 10px;
+  padding: 4px 10px;
   text-decoration: none;
 }
 
 .supportDropdownContent a:hover {
   background-color: var(--ifm-dropdown-hover-background-color);
+  border-radius: 8px;
+  overflow: hidden;
 }
 
 html[data-theme="dark"] .supportDropBtn {