diff --git a/src/views/admin/AdminReportDetail.vue b/src/views/admin/AdminReportDetail.vue
index 4f5d5bf..be3ec72 100644
--- a/src/views/admin/AdminReportDetail.vue
+++ b/src/views/admin/AdminReportDetail.vue
@@ -50,7 +50,7 @@
+
@@ -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; /* Увеличенное пространство после разделителя */
}
}