Update files

frontend/src/pages/MonthlyLadder.css

@@ -210,27 +210,15 @@
 .ladder-top-header {
   display: flex;
   justify-content: space-between;
-  align-items: flex-start;
+  align-items: center;
   margin-bottom: 16px;
   gap: 12px;
 }
 
-.ladder-top-title {
-  flex: 1;
-}
-
 .ladder-top-header h2 {
   font-size: 20px;
   font-weight: 700;
   color: var(--text-primary);
-  margin-bottom: 4px;
-}
-
-.ladder-prizes {
-  font-size: 12px;
-  color: var(--text-secondary);
-  margin: 0;
-  line-height: 1.4;
 }
 
 .info-btn {
@@ -265,13 +253,16 @@
 .top-user-item {
   display: flex;
   align-items: center;
-  gap: 12px;
-  padding: 8px 16px;
+  gap: 6px;
+  padding: 8px 12px;
   background: transparent;
   border-bottom: 1px solid rgba(0, 0, 0, 0.03);
   transition: all 0.2s;
   min-height: 54px;
-  overflow: hidden; /* Предотвращаем выход за границы */
+  width: 100%;
+  box-sizing: border-box;
+  max-width: 100%;
+  overflow: hidden;
 }
 
 [data-theme="dark"] .top-user-item {
@@ -290,14 +281,16 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
   flex-shrink: 0;
 }
 
 .rank-icon {
   filter: drop-shadow(0 0 4px currentColor);
+  width: 20px;
+  height: 20px;
 }
 
 .rank-icon.gold {
@@ -313,15 +306,15 @@
 }
 
 .rank-number {
-  font-size: 20px;
+  font-size: 16px;
   font-weight: 700;
   color: var(--text-primary);
 }
 
 .user-avatar {
-  width: 54px;
-  height: 54px;
-  min-width: 54px;
+  width: 44px;
+  height: 44px;
+  min-width: 44px;
   border-radius: 50%;
   object-fit: cover;
   border: none;
@@ -333,16 +326,17 @@
   min-width: 0;
   display: flex;
   align-items: center;
-  overflow: hidden; /* Предотвращаем выход за границы */
+  overflow: hidden;
+  margin-right: 6px;
 }
 
 .user-name {
-  font-size: 15px;
+  font-size: 14px;
   font-weight: 600;
   color: var(--text-primary);
   display: flex;
   align-items: center;
-  gap: 6px;
+  gap: 4px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -353,24 +347,24 @@
   display: flex;
   flex-direction: column;
   align-items: flex-end;
-  gap: 4px;
+  gap: 2px;
   flex-shrink: 0;
-  margin-left: auto;
-  min-width: 0;
   text-align: right;
+  max-width: 80px;
 }
 
 .user-tickets {
-  font-size: 14px;
+  font-size: 11px;
   color: var(--text-primary);
   font-weight: 500;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  max-width: 100%;
 }
 
 .user-prize {
-  font-size: 14px;
+  font-size: 11px;
   color: var(--text-primary);
   font-weight: 600;
   white-space: nowrap;

frontend/src/pages/MonthlyLadder.jsx

@@ -155,10 +155,7 @@ export default function MonthlyLadder({ user }) {
       {/* Топ 5 пользователей */}
       <div className="ladder-top">
         <div className="ladder-top-header">
-          <div className="ladder-top-title">
-            <h2>Топ 5</h2>
-            <p className="ladder-prizes">Призы: 1 место - $50, 2 место - $30, 3 место - $15, 4-5 места - $5</p>
-          </div>
+          <h2>Топ 5</h2>
           <button 
             className="info-btn" 
             onClick={() => {