modqueue: improve layout on mobile.

* Switch layout from float to flexbox. * Collapse to one column layout on mobile (thumbnails above post info). * Wordbreak overly long sources.
2019-10-02 01:13:55 -05:00
parent d9f154094f
commit b492b5de9c
4 changed files with 29 additions and 23 deletions
--- 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 {