fix(ui): cleanup css clases used

ui/src/App.css

@@ -6391,14 +6391,5 @@ a.text-dark:hover, a.text-dark:focus {
 .bg-primary-transparent {
   background-color: rgba(69, 90, 100, 0.95); }
 
-.hover-bg-light:hover {
-  background-color: #ecf0f1; }
-
-.hover-bg-light:focus {
-  box-shadow: unset; }
-
 .cursor-pointer {
   cursor: pointer; }
-
-.dropdown-toggle::after {
-  display: none; }

ui/src/App.scss

@@ -25,19 +25,6 @@ $dark: #3b4247;
   background-color: rgba($primary, 0.95);
 }
 
-// silence block gets a different color on hover
-.hover-bg-light:hover {
-  background-color: $light;
-}
-.hover-bg-light:focus {
-  box-shadow: unset;
-}
-
 .cursor-pointer {
   cursor: pointer;
 }
-
-// remove triangle from dropdowns
-.dropdown-toggle::after {
-  display: none;
-}

ui/src/Components/NavBar/FilterInput/History.js

@@ -166,7 +166,7 @@ const History = observer(
               <button
                 ref={ref}
                 onClick={this.collapse.toggle}
-                className="input-group-text rounded-right cursor-pointer dropdown-toggle components-navbar-history"
+                className="input-group-text rounded-right cursor-pointer components-navbar-history"
                 type="button"
                 data-toggle="dropdown"
                 aria-haspopup="true"

ui/src/Components/NavBar/index.js

@@ -38,7 +38,7 @@ const NavBar = observer(
             <ul className="navbar-nav">
               <li className="nav-item dropdown">
                 <a
-                  className="nav-link dropdown-toggle mx-1"
+                  className="nav-link mx-1"
                   data-toggle="dropdown"
                   aria-haspopup="true"
                   aria-expanded="true"