Changed some button and dropdown overrides

web/styles/ant-overrides.scss

@@ -257,41 +257,34 @@ textarea.ant-input {
 // ANT BUTTON
 .ant-btn {
   background-color: var(--owncast-purple-25);
-  border-color: var(--owncast-purple-25);
+  font-size: .85rem;
+  font-weight: bold;
+  border-radius: var(--theme-rounded-corners);
+  border-color: transparent;
   color: var(--white-75);
   &:hover,
   &:focus {
     background-color: var(--button-focused);
+    border-color: transparent;
     color: var(--white);
   }
+  &:focus {
+    border-color: var(--owncast-purple-25);
+  }
 }
+
 .ant-btn-primary {
-  background-color: var(--owncast-purple);
-  border-color: var(--owncast-purple);
-}
-.ant-btn-primary:hover,
-.ant-btn-primary:focus {
-  background-color: var(--button-focused);
-  color: var(--white);
-}
-.ant-btn.ant-btn-primary:hover {
-  border-color: var(--white);
-}
-.ant-btn:focus,
-.ant-btn-primary:focus {
-  border-color: var(--white);
+  background-color: var(--owncast-purple-50);
 }
 
 .ant-btn-primary[disabled] {
   background-color: var(--white-25);
-  border-color: var(--white-25);
   color: var(--white-50);
-
   &:hover {
     background-color: var(--white-35);
-    border-color: var(--white-35);
   }
 }
+
 .ant-input-affix-wrapper,
 .ant-btn {
   transition-delay: 0s;
@@ -355,7 +348,16 @@ textarea.ant-input {
   background-color: var(--owncast-purple-25);
   opacity: 0.75;
 }
+// DROPDOWN 
 
+.ant-dropdown-menu {
+  padding: 10px 7px;
+  border-radius: var(--theme-rounded-corners);
+  background-color: var(--color-owncast-background);
+  li {
+    border-radius: var(--theme-rounded-corners);
+  }
+}
 // SELECT
 .ant-select-dropdown {
   background-color: var(--black);