фикс

src/views/admin/AdminReportDetail.vue

@@ -50,7 +50,7 @@
               <div class="section-header">
                 <i class="bi-info-circle"></i>
                 <h4>Информация о жалобе</h4>
-              </div>
+              </div
               
               <div class="info-item">
                 <label>Причина жалобы:</label>
@@ -929,18 +929,19 @@ h2 {
     gap: 1rem;
     position: relative;
     padding-bottom: 0.5rem;
+    padding-top: 1rem;
   }
   
   .arrow-divider {
     position: absolute;
-    top: 50%;
+    top: calc(50% - 0.75rem); /* Смещение вверх для точного центрирования */
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: white;
     border: 1px solid #e9ecef;
     border-radius: 50%;
-    width: 2rem;
-    height: 2rem;
+    width: 2.2rem; /* Увеличил размер для лучшей видимости */
+    height: 2.2rem;
     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
     z-index: 2;
     margin: 0;
@@ -949,31 +950,20 @@ h2 {
     justify-content: center;
   }
   
-  .arrow-icon {
-    display: none; /* Скрыть стрелку на мобильных */
-  }
-  
   .vs-text {
     display: block; /* Показать текст VS на мобильных */
-  }
-  
-  .user-card {
-    position: relative;
-    z-index: 1;
+    font-size: 0.85rem;
+    line-height: 1;
+    margin: 0;
+    padding: 0;
   }
   
   .reporter {
-    margin-bottom: 1.5rem; /* Пространство для разделителя */
+    margin-bottom: 2rem; /* Увеличенное пространство для разделителя */
   }
   
   .reported {
-    margin-top: 0.5rem; /* Пространство после разделителя */
-  }
-  
-  .view-user-btn {
-    width: 100%;
-    justify-content: center;
-    margin-top: 0.75rem;
+    margin-top: 1rem; /* Увеличенное пространство после разделителя */
   }
 }