diff --git a/app/javascript/src/styles/specific/mod_queue.scss.erb b/app/javascript/src/styles/specific/mod_queue.scss.erb index 8a5bbfe01..878fee4d6 100644 --- a/app/javascript/src/styles/specific/mod_queue.scss.erb +++ b/app/javascript/src/styles/specific/mod_queue.scss.erb @@ -3,7 +3,6 @@ div#c-modqueue { div.post { padding: 1em; - margin-bottom: 4em; overflow: hidden; &.post-pos-score { @@ -15,27 +14,24 @@ div#c-modqueue { } aside.column { - text-align: center; - margin-bottom: 1em; - @media (min-width: 660px) { - flex-basis: 220px; - text-align: right; - padding-right: 2em; + padding-right: 1em; } } - .quick-mod { - margin-bottom: 0.5em; - - @media (min-width: 660px) { - font-size: $h2_size; - font-weight: bold; + section.column { + span.info { + margin-right: 1.5em; } - } - .mod-queue-post-source { - word-break: break-all; + .quick-mod { + display: inline-block; + margin-bottom: 1em; + } + + .post-flags-row { + margin-top: 1em; + } } <% Danbooru.config.modqueue_quality_warning_tags.each do |tag| %> @@ -49,17 +45,5 @@ div#c-modqueue { background-color: var(--modqueue-sample-warning-color); } <% end %> - - &[data-tags~=animated], &[data-file-ext=swf], &[data-file-ext=webm], &[data-file-ext=zip], &[data-file-ext=mp4] { - aside:before { - @include animated-icon; - } - } - - &[data-has-sound=true] { - aside:before { - @include sound-icon; - } - } } } diff --git a/app/views/modqueue/_post.html.erb b/app/views/modqueue/_post.html.erb index 3604412de..98808b9c6 100644 --- a/app/views/modqueue/_post.html.erb +++ b/app/views/modqueue/_post.html.erb @@ -1,37 +1,79 @@ <%= content_tag(:div, { id: "post-#{post.id}", class: ["post", "mod-queue-preview", "column-container", *PostPresenter.preview_class(post, highlight_score: true)].join(" ") }.merge(PostPresenter.data_attributes(post))) do %>
- +
<% end %>