Issue #1781406 by dead_arm, tim.plunkett: Follow-up for dropbutton CSS tweaks.

views_ui/css/views-admin.bartik.css

@@ -3,20 +3,6 @@
  * in the Bartik theme.
  */
 
-/* ---------- Dropbutton ----------- */
-
-.dropbutton-widget {
-  background-color: white;
-  border-radius: 5px;
-}
-.dropbutton-widget:hover {
-  background-color: #f8f8f8;
-  border-color: #b8b8b8;
-}
-.dropbutton-multiple.open .dropbutton-widget:hover {
-  background-color: white;
-}
-
 /* @group Lists */
 
 .views-display-top .secondary .action-list {

views_ui/css/views-admin.seven.css

@@ -3,29 +3,6 @@
  * in the Seven admin theme.
  */
 
-/* Dropbutton */
-.dropbutton-widget {
-  background-color: #fff;
-  background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: -o-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: -webkit-linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0), #e7e7e7);
-  border-radius: 5px;
-}
-.dropbutton-widget:hover {
-  background-color: #f0f0f0;
-  border-color: #b8b8b8;
-}
-.dropbutton-multiple.open .dropbutton-widget:hover {
-  background-color: #fff;
-}
-.dropbutton li:first-child > * {
-  text-overflow: ellipsis;
-}
-.dropbutton-multiple.open .dropbutton li:first-child > * {
-  text-overflow: clip;
-}
-
 /* @group Content */
 
 .views-ui-display-tab-bucket h1,

views_ui/css/views-admin.theme.css

@@ -1109,12 +1109,18 @@ div.messages {
 .dropbutton-widget {
   position: relative;
 }
+.dropbutton-multiple .dropbutton-widget {
+  padding-right: 1.75em;
+}
+.dropbutton-toggle {
+  width: 1.75em;
+}
 .dropbutton-arrow {
-  top: 0.567em;
+  top: 0.6667em;
 }
-.dropbutton {
+.dropbutton-wrapper {
   font-size: 11px;
-  line-height: 1.333em;
+  line-height: 1.4555;
 }
 .dropbutton li > * {
   margin: 0;