фикс

src/views/ProfileView.vue

@@ -1457,22 +1457,23 @@ onUnmounted(() => {
 /* Stats Section */
 .stats-section {
   display: flex;
-  justify-content: space-around; /* равномерное распределение по ширине */
+  justify-content: space-between;
   background: rgba(243, 245, 250, 0.6);
   border-radius: 12px;
-  padding: 1rem; /* увеличиваем внутренний отступ */
+  padding: 1rem;
   margin-top: 0.8rem;
-  flex-wrap: wrap; /* добавляем перенос при маленьком экране */
-  gap: 1rem; /* отступ между элементами */
+  gap: 0.5rem;
 }
 
 .stat-item {
   display: flex;
+  flex-direction: column;
   align-items: center;
-  gap: 1rem;
-  min-width: 110px; /* минимальная ширина для элементов статистики */
-  flex-grow: 0; /* элементы не растягиваются */
-  padding: 0.5rem; /* добавляем отступ внутри блока */
+  justify-content: center;
+  width: 33.33%;
+  position: relative;
+  text-align: center;
+  padding: 0.5rem;
 }
 
 .stat-icon {
@@ -1486,33 +1487,32 @@ onUnmounted(() => {
   border-radius: 50%;
   background: rgba(102, 126, 234, 0.15);
   color: #667eea;
-  flex-shrink: 0; /* иконка не сжимается */
+  margin-bottom: 0.5rem;
 }
 
-/* Добавляем стиль для иконок внутри .stat-icon */
 .stat-icon i {
-  font-size: 1.3rem; /* Единый размер для всех иконок */
-  line-height: 1; /* Гарантирует вертикальное центрирование */
+  font-size: 1.3rem;
+  line-height: 1;
 }
 
 .stat-info {
   display: flex;
   flex-direction: column;
-  min-width: 0; /* позволяет тексту сжиматься */
-  flex: 1; /* занимать доступное пространство */
+  align-items: center;
+  width: 100%;
 }
 
 .stat-value {
   font-size: 1.1rem;
   font-weight: 600;
   color: #333;
-  white-space: nowrap; /* значение в одну строку */
+  margin-bottom: 0.1rem;
 }
 
 .stat-label {
   font-size: 0.75rem;
   color: #6c757d;
-  white-space: nowrap; /* подпись в одну строку */
+  text-align: center;
 }
 
 /* Tabs */
@@ -2190,6 +2190,13 @@ onUnmounted(() => {
   color: #6c757d;
 }
 
+.upload-btn-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.8rem;
+}
+
 .upload-btn {
   background: linear-gradient(45deg, #667eea, #764ba2);
   color: white;
@@ -2226,13 +2233,6 @@ onUnmounted(() => {
   animation: spin 0.8s linear infinite;
 }
 
-.upload-btn-container {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.8rem;
-}
-
 .upload-hint small {
   font-size: 0.75rem;
   color: #6c757d;
@@ -2257,6 +2257,7 @@ onUnmounted(() => {
     margin-top: 0;
   }
   
+  
   .info-grid {
     grid-template-columns: repeat(2, 1fr);
   }