From c0610cb809f40d00bc0df02678986f9bf0103805 Mon Sep 17 00:00:00 2001
From: evazion <noizave@gmail.com>
Date: Mon, 13 Dec 2021 04:37:28 -0600
Subject: [PATCH] posts: reduce sidebar width on laptops/tablets.

This allows fitting one more medium-size thumbnail per row on
laptop and tablet size screens.
---
 app/javascript/src/styles/common/main_layout.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/javascript/src/styles/common/main_layout.scss b/app/javascript/src/styles/common/main_layout.scss
index e3c034c0d..f258715a6 100644
--- 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 {