Minor dropdown fixes

Author: rgantzos

extras/popup/popup.css

@@ -466,4 +466,37 @@ span.new-feature-tag.beta {
 .welcome {
   background-color: #fc8c4f20;
   border-bottom-color: #fc8c4f;
+}
+
+.option-selection {
+  text-align: right;
+  width: 100%;
+}
+
+.option-selection span {
+  border: 1.5px solid var(--feature-input-bg);
+  padding: .25rem;
+  padding-left: .5rem;
+  padding-right: .5rem;
+  user-select: none;
+  cursor: pointer;
+  background-color: transparent;
+  color: var(--secondary-color);
+  transition: background-color .3s, border .3s, color .3s;
+}
+
+.option-selection span.option-selected {
+  background-color: var(--theme);
+  color: white;
+  border: 1.5px solid var(--theme);
+}
+
+.option-selection span:first-child {
+  border-top-left-radius: .25rem;
+  border-bottom-left-radius: .25rem;
+}
+
+.option-selection span:last-child {
+  border-top-right-radius: .25rem;
+  border-bottom-right-radius: .25rem;
 }

extras/style.css

@@ -860,7 +860,8 @@ body {
   user-select: none;
   cursor: pointer;
   background-color: transparent;
-  transition: background-color .3s, border .3s;
+  color: var(--secondary-color);
+  transition: background-color .3s, border .3s, color .3s;
 }
 
 .option-selection span.option-selected {