diff --git a/app/javascript/src/styles/base/020_base.scss b/app/javascript/src/styles/base/020_base.scss index 788bb0bfe..60a675eb8 100644 --- a/app/javascript/src/styles/base/020_base.scss +++ b/app/javascript/src/styles/base/020_base.scss @@ -133,6 +133,7 @@ table tfoot { .column-expand { flex: 1; } .column-shrink { flex: 0; } + @media (max-width: 660px) { display: block; } } ul.list-bulleted { diff --git a/app/javascript/src/styles/specific/mod_queue.scss.erb b/app/javascript/src/styles/specific/mod_queue.scss.erb index ef213d6c7..4a60fb4d3 100644 --- a/app/javascript/src/styles/specific/mod_queue.scss.erb +++ b/app/javascript/src/styles/specific/mod_queue.scss.erb @@ -2,6 +2,7 @@ div#c-moderator-post-queues { div.post { + padding: 1em; margin-bottom: 4em; overflow: hidden; @@ -13,16 +14,28 @@ div#c-moderator-post-queues { background: var(--modqueue-negative-score-background-color); } - aside { - float: left; - width: 220px; - text-align: right; - padding-right: 20px; + aside.column { + text-align: center; + margin-bottom: 1em; + + @media (min-width: 660px) { + flex-basis: 220px; + text-align: right; + padding-right: 2em; + } } - section { - float: left; - width: 800px; + .quick-mod { + margin-bottom: 0.5em; + + @media (min-width: 660px) { + font-size: $h2_size; + font-weight: bold; + } + } + + .mod-queue-post-source { + word-break: break-all; } <% Danbooru.config.modqueue_quality_warning_tags.each do |tag| %> @@ -49,12 +62,4 @@ div#c-moderator-post-queues { } } } - - div#moderation-guideline { - width: 900px; - - h1 { - font-size: $h2_size; - } - } } diff --git a/app/views/moderator/post/queues/_post.html.erb b/app/views/moderator/post/queues/_post.html.erb index 8a01d22d0..31d1b82e5 100644 --- a/app/views/moderator/post/queues/_post.html.erb +++ b/app/views/moderator/post/queues/_post.html.erb @@ -1,12 +1,12 @@ -<%= content_tag(:div, { id: "post-#{post.id}", class: ["post", "mod-queue-preview", *PostPresenter.preview_class(post, highlight_score: true)].join(" ") }.merge(PostPresenter.data_attributes(post))) do %> -