From 47ffe223ee507dd783e7e5d10be818d30cfbac32 Mon Sep 17 00:00:00 2001
From: edshot99 <ed@i2pmail.org>
Date: Sun, 8 Dec 2024 02:39:45 -0600
Subject: [PATCH] Reapply "[Posts] Fix parent children preview too small in
 mobile view (#786)"

This reverts commit 3d3b203daf2dd8ba7cdfe4c2a6097b3b558a99d4.
---
 app/javascript/src/styles/common/z_responsive.scss | 5 ++---
 app/javascript/src/styles/specific/posts.scss      | 7 +++----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/app/javascript/src/styles/common/z_responsive.scss b/app/javascript/src/styles/common/z_responsive.scss
index c32414b1d..be1c43a97 100644
--- a/app/javascript/src/styles/common/z_responsive.scss
+++ b/app/javascript/src/styles/common/z_responsive.scss
@@ -212,8 +212,7 @@
       text-align: center;
       vertical-align: middle;
       display: inline-block;
-      width: 100%;
-      container-type: inline-size;
+      width: fit-content;
 
       a {
         margin: 0 auto;
@@ -234,7 +233,7 @@
         img {
           height: auto;
           max-height: none;
-          max-width: none;
+          max-width: fit-content;
           width: 100cqw;
 
           &.has-cropped-false {
diff --git a/app/javascript/src/styles/specific/posts.scss b/app/javascript/src/styles/specific/posts.scss
index f24c6550d..59354b8c1 100644
--- a/app/javascript/src/styles/specific/posts.scss
+++ b/app/javascript/src/styles/specific/posts.scss
@@ -6,7 +6,7 @@
 article.post-preview {
   box-sizing: border-box;
   height: auto;
-  width: 154px;
+  width: fit-content;
   margin: 0 10px 10px 0;
   overflow: hidden;
   text-align: center;
@@ -160,11 +160,10 @@ body[data-user-can-approve-posts="true"] .post-preview {
 }
 
 #has-parent-relationship-preview, #has-children-relationship-preview {
-  overflow-x: auto;
-  white-space: nowrap;
+  flex-direction: row;
+  flex-wrap: wrap;
 
   article.post-preview {
-    width: auto;
     border: none;
     margin: 0;
     padding: 5px 5px 10px;