From 5f4433b4b280b3067d5e2d37c2901ac623abcef0 Mon Sep 17 00:00:00 2001
From: glpshchn <464976@niuitmo.ru>
Date: Mon, 8 Dec 2025 18:43:52 +0300
Subject: [PATCH] Update files

---
 frontend/src/components/FollowListModal.css |  3 +++
 frontend/src/components/PostCard.jsx        | 21 ++++++++-------------
 frontend/src/pages/UserProfile.css          | 11 ++++++++---
 3 files changed, 19 insertions(+), 16 deletions(-)

diff --git a/frontend/src/components/FollowListModal.css b/frontend/src/components/FollowListModal.css
index 7a01ba2..a2eb0fb 100644
--- a/frontend/src/components/FollowListModal.css
+++ b/frontend/src/components/FollowListModal.css
@@ -105,10 +105,12 @@
 .user-item-wrapper {
   padding: 12px 16px;
   display: flex;
+  flex-direction: row;
   align-items: center;
   gap: 12px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.03);
   min-height: 70px;
+  width: 100%;
 }
 
 .user-item-wrapper:last-child {
@@ -121,6 +123,7 @@
 
 .user-item {
   display: flex;
+  flex-direction: row;
   align-items: center;
   gap: 12px;
   cursor: pointer;
diff --git a/frontend/src/components/PostCard.jsx b/frontend/src/components/PostCard.jsx
index f882cd7..59f5045 100644
--- a/frontend/src/components/PostCard.jsx
+++ b/frontend/src/components/PostCard.jsx
@@ -197,10 +197,10 @@ export default function PostCard({ post, currentUser, onUpdate }) {
       {/* Изображения */}
       {images.length > 0 && (
         <div className="post-images">
-          <div className="image-carousel" style={{ cursor: 'pointer', position: 'relative' }}>
+          <div className="image-carousel" style={{ cursor: 'pointer', position: 'relative' }} onClick={openFullView}>
             <img src={images[currentImageIndex]} alt={`Image ${currentImageIndex + 1}`} />
             
-            {images.length > 1 ? (
+            {images.length > 1 && (
               <>
                 {/* Левая зона для переключения на предыдущее изображение */}
                 <div 
@@ -209,9 +209,11 @@ export default function PostCard({ post, currentUser, onUpdate }) {
                     e.stopPropagation()
                     if (currentImageIndex > 0) {
                       handlePrev()
+                    } else {
+                      openFullView()
                     }
                   }}
-                  style={{ cursor: currentImageIndex > 0 ? 'pointer' : 'default' }}
+                  style={{ cursor: 'pointer' }}
                 />
                 
                 {/* Правая зона для переключения на следующее изображение */}
@@ -221,9 +223,11 @@ export default function PostCard({ post, currentUser, onUpdate }) {
                     e.stopPropagation()
                     if (currentImageIndex < images.length - 1) {
                       handleNext()
+                    } else {
+                      openFullView()
                     }
                   }}
-                  style={{ cursor: currentImageIndex < images.length - 1 ? 'pointer' : 'default' }}
+                  style={{ cursor: 'pointer' }}
                 />
                 
                 <div className="carousel-dots">
@@ -236,15 +240,6 @@ export default function PostCard({ post, currentUser, onUpdate }) {
                   ))}
                 </div>
               </>
-            ) : (
-              /* Если одно изображение, вся область открывает fullview */
-              <div 
-                className="carousel-zone carousel-zone-center"
-                onClick={(e) => {
-                  e.stopPropagation()
-                  openFullView()
-                }}
-              />
             )}
             
             {/* Индикатор что можно открыть fullview */}
diff --git a/frontend/src/pages/UserProfile.css b/frontend/src/pages/UserProfile.css
index 4e86e4b..a5e7b81 100644
--- a/frontend/src/pages/UserProfile.css
+++ b/frontend/src/pages/UserProfile.css
@@ -86,10 +86,11 @@
 
 .user-stats {
   display: flex;
+  flex-direction: row;
   align-items: center;
+  justify-content: center;
   gap: 24px;
   width: 100%;
-  justify-content: center;
   padding-top: 16px;
   border-top: 1px solid var(--divider-color);
 }
@@ -98,11 +99,12 @@
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: center;
   gap: 4px;
   cursor: pointer;
   transition: opacity 0.2s;
-  flex: 1;
-  max-width: 120px;
+  flex: 0 0 auto;
+  min-width: 80px;
 }
 
 .stat-item:active {
@@ -114,12 +116,14 @@
   font-weight: 700;
   color: var(--text-primary);
   line-height: 1.2;
+  text-align: center;
 }
 
 .stat-label {
   font-size: 14px;
   color: var(--text-secondary);
   line-height: 1.2;
+  text-align: center;
 }
 
 .stat-divider {
@@ -127,6 +131,7 @@
   height: 40px;
   background: var(--divider-color);
   flex-shrink: 0;
+  flex-grow: 0;
 }
 
 .follow-btn {