diff --git a/core/misc/dropbutton/dropbutton.css b/core/misc/dropbutton/dropbutton.css index 52018cb..ee245e0 100644 --- a/core/misc/dropbutton/dropbutton.css +++ b/core/misc/dropbutton/dropbutton.css @@ -15,12 +15,10 @@ } .js .dropbutton-wrapper, .js .dropbutton-widget { - display: inline-block; - position: relative; -} -.js .dropbutton-widget { display: block; + position: relative; } + @media screen and (max-width:600px) { .js .dropbutton-wrapper { width: 100%; diff --git a/core/themes/seven/css/components/dropbuttons.css b/core/themes/seven/css/components/dropbuttons.css index 27df78a..3202141 100644 --- a/core/themes/seven/css/components/dropbuttons.css +++ b/core/themes/seven/css/components/dropbuttons.css @@ -10,6 +10,9 @@ line-height: normal; -webkit-font-smoothing: antialiased; } +.js .dropbutton-action.last { + border-radius: 0 0 0 1em; +} /** * Overwrite Sevens button styling @@ -21,12 +24,12 @@ box-shadow: none; } -.js td .dropbutton-multiple, .js td .dropbutton-multiple { display: block; min-height: 2em; position: relative; padding-right: 10em; + margin-right: 2em; max-width: 100%; } @@ -61,8 +64,8 @@ .js .dropbutton-wrapper.open .dropbutton-widget .dropbutton-action button:hover { text-decoration: underline; } -.js .dropbutton-widget .dropbutton-action.first a, -.js .dropbutton-widget .dropbutton-action.first .button { +.js .dropbutton-multiple .dropbutton-action.first a, +.js .dropbutton-multiple .dropbutton-action.first .button { border-radius: 20em 0 0 20em; } .js .dropbutton-wrapper:not(.open) .dropbutton-widget .dropbutton-action.first a:hover { @@ -104,7 +107,7 @@ } .dropbutton-arrow { border-top-color: #333; - right: 42%; + right: 35%; top: 54%; } .dropbutton-multiple.open .dropbutton-arrow {