posts: reduce sidebar width on laptops/tablets.

This allows fitting one more medium-size thumbnail per row on laptop and tablet size screens.
2021-12-13 04:37:28 -06:00
parent 0997f5595e
commit c0610cb809
1 changed files with 8 additions and 1 deletions
--- a/app/javascript/src/styles/common/main_layout.scss
+++ b/app/javascript/src/styles/common/main_layout.scss
@@ -31,7 +31,14 @@ footer#page-footer {

  #sidebar {
    flex: 0;
-    min-width: 20em;
+
+    @media (min-width: 1080px) {
+      min-width: 245px;
+    }
+
+    @media (min-width: 1920px) {
+      min-width: 280px;
+    }
  }

  #content {