Update files

frontend/src/pages/MonthlyLadder.css

@@ -271,6 +271,7 @@
   border-bottom: 1px solid rgba(0, 0, 0, 0.03);
   transition: all 0.2s;
   min-height: 54px;
+  overflow: hidden; /* Предотвращаем выход за границы */
 }
 
 [data-theme="dark"] .top-user-item {
@@ -291,6 +292,7 @@
   justify-content: center;
   width: 32px;
   height: 32px;
+  min-width: 32px;
   flex-shrink: 0;
 }
 
@@ -319,6 +321,7 @@
 .user-avatar {
   width: 54px;
   height: 54px;
+  min-width: 54px;
   border-radius: 50%;
   object-fit: cover;
   border: none;
@@ -330,6 +333,7 @@
   min-width: 0;
   display: flex;
   align-items: center;
+  overflow: hidden; /* Предотвращаем выход за границы */
 }
 
 .user-name {
@@ -339,20 +343,21 @@
   display: flex;
   align-items: center;
   gap: 6px;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
 }
 
 .user-stats {
   display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-shrink: 0;
-  margin-left: auto;
   flex-direction: column;
   align-items: flex-end;
   gap: 4px;
+  flex-shrink: 0;
+  margin-left: auto;
+  min-width: 0;
+  text-align: right;
 }
 
 .user-tickets {
@@ -360,25 +365,15 @@
   color: var(--text-primary);
   font-weight: 500;
   white-space: nowrap;
-}
-
-.user-prize-info {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  white-space: nowrap;
-}
-
-.user-rank-text {
-  font-size: 12px;
-  color: var(--text-secondary);
-  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .user-prize {
   font-size: 14px;
   color: var(--text-primary);
   font-weight: 600;
+  white-space: nowrap;
 }
 
 .current-badge {

frontend/src/pages/MonthlyLadder.jsx

@@ -201,12 +201,7 @@ export default function MonthlyLadder({ user }) {
                   </div>
                   <div className="user-stats">
                     <span className="user-tickets">{formatTickets(topUser.tickets)} билетов</span>
-                    {prize && (
-                      <div className="user-prize-info">
-                        <span className="user-rank-text">{topUser.rank} место</span>
-                        <span className="user-prize">{prize}</span>
-                      </div>
-                    )}
+                    {prize && <span className="user-prize">{prize}</span>}
                   </div>
                 </div>
               )
@@ -236,9 +231,6 @@ export default function MonthlyLadder({ user }) {
             </div>
             <div className="user-stats">
               <span className="user-tickets">{formatTickets(currentUser.tickets)} билетов</span>
-              <div className="user-prize-info">
-                <span className="user-rank-text">{currentUserRank} место</span>
-              </div>
             </div>
           </div>
         </div>