diff --git a/app/assets/stylesheets/alchemy/archive.scss b/app/assets/stylesheets/alchemy/archive.scss index fc1dea163f..0c55cd74e8 100644 --- a/app/assets/stylesheets/alchemy/archive.scss +++ b/app/assets/stylesheets/alchemy/archive.scss @@ -25,11 +25,6 @@ } } -div#image_assign_filter_and_image_sizing { - width: 100%; - height: 40px; -} - .selected_item_tools { margin: -2 * $default-padding; border-bottom: 1px solid $default-border-color; diff --git a/app/assets/stylesheets/alchemy/toolbar.scss b/app/assets/stylesheets/alchemy/toolbar.scss index 4cc39d96f1..41f42c1175 100644 --- a/app/assets/stylesheets/alchemy/toolbar.scss +++ b/app/assets/stylesheets/alchemy/toolbar.scss @@ -1,4 +1,7 @@ #toolbar { + display: flex; + align-items: center; + gap: 2 * $default-padding; z-index: 10; @extend %gradiated-toolbar; margin-right: 0px; @@ -22,11 +25,10 @@ .toolbar_buttons { display: flex; - margin-right: 8px; + flex-grow: 1; white-space: nowrap; overflow-x: auto; overflow-y: visible; - max-width: calc(100vw - #{$collapsed-main-menu-width + 65px}); -webkit-overflow-scrolling: touch; @media screen and (min-width: $medium-screen-break-point) { @@ -34,12 +36,14 @@ } &.right { - position: absolute; - right: -8px; - top: 0; - margin-left: 8px; + flex-grow: 0; padding: 8px 0; - background-color: $toolbar-bg-color; + + .button_with_label { + &:last-child { + margin-right: $default-margin; + } + } label { left: auto; diff --git a/app/views/alchemy/admin/attachments/_archive_overlay.html.erb b/app/views/alchemy/admin/attachments/_archive_overlay.html.erb index 592727c1b0..3afb35aeb3 100644 --- a/app/views/alchemy/admin/attachments/_archive_overlay.html.erb +++ b/app/views/alchemy/admin/attachments/_archive_overlay.html.erb @@ -1,14 +1,16 @@