Enhance Hall navigation links and button styles

Improved the visual styling of .hall-link buttons for both Hall of Legends and Hall of Fantastics pages. Moved "View Hall of Fantastics" and "View Hall of Legends" links to appear consistently in both empty and populated states. Swapped the order of "Current Week" and "Wordlist" cards in the Hall of Fantastics summary for better clarity. Applied minor HTML/CSS tweaks for navigation consistency and user experience. No changes to core logic.

battlewords/hall_of_legends.py

@@ -286,7 +286,7 @@ def render_hall_page() -> None:
         .bw-table th { text-align:left; background: rgba(255,255,255,0.02); }
         .bw-top-row { background: linear-gradient(90deg,#ffd54d44,#ff8a6544); }
         .bw-return { display:block; text-align:center; margin-top:1rem;  color: #fff !important;}
-        a.hall-link, a.hall-link:visited { color: #fff; }
+        a.hall-link, a.hall-link:visited { color: #fff; color: #d7faff;text-decoration: none; font-weight: 700; font-size: 0.9rem; padding: 0.5rem 0.9rem; border-radius: 0.65rem; background: rgba(29, 100, 200, 0.3); border: 1px solid rgba(215, 250, 255, 0.3); transition: all 0.2s ease;}
         a.hall-link:hover, .bw-return:hover {text-decoration:none; color:#0f172a; }
         div[data-testid="stAlertContentInfo"] {{ border-radius: 0.75rem; padding: 0.75rem 1rem; color: #e9ddff !important; }}
         </style>
@@ -298,7 +298,7 @@ def render_hall_page() -> None:
         """,
         unsafe_allow_html=True,
     )
-    st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{fantastic_page_url()}\" class=\"hall-link\" target=\"_self\">View Hall of Fantastics</a></div>", unsafe_allow_html=True)
+    
 
     hall_doc = load_hall_document()
     users = hall_doc.get("users", []) if isinstance(hall_doc, dict) else []
@@ -311,6 +311,7 @@ def render_hall_page() -> None:
     total = len(unique_names)
     if total == 0:
         st.info("No Hall of Legends entries yet. Be the first to etch your name into legend!")
+        st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{fantastic_page_url()}\" class=\"hall-link\" target=\"_self\">✨ Hall of Fantastics Leaderboard</a></div>", unsafe_allow_html=True)
         st.markdown(f"<a href=\"{game_page_url()}\" class=\"hall-link\" target=\"_self\">⟵ Return to game</a>", unsafe_allow_html=True)
         return
 
@@ -376,6 +377,7 @@ def render_hall_page() -> None:
     """
 
     st.markdown(table_html, unsafe_allow_html=True)
+    st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{fantastic_page_url()}\" class=\"hall-link\" target=\"_self\">✨ Hall of Fantastics Leaderboard</a></div>", unsafe_allow_html=True)
     st.markdown(f"<a class=\"bw-return\" href=\"{game_page_url()}\" target=\"_self\">⟵ Return to game</a>", unsafe_allow_html=True)
 
 
@@ -404,7 +406,7 @@ def render_fantastic_page(week_id: str = None) -> None:
         .bw-table th {{ text-align:left; background: rgba(255,255,255,0.03); }}
         .bw-top-row {{ background: linear-gradient(90deg,#facc1540,#60a5fa40); }}
         .bw-return {{ display:block; text-align:center; margin-top:1rem;  color: #fff !important;}}
-        a.hall-link, a.hall-link:visited {{ color: #fff; text-align:center; }}
+        a.hall-link, a.hall-link:visited {{ color: #fff; color: #d7faff;text-decoration: none; font-weight: 700; font-size: 0.9rem; padding: 0.5rem 0.9rem; border-radius: 0.65rem; background: rgba(29, 100, 200, 0.3); border: 1px solid rgba(215, 250, 255, 0.3); transition: all 0.2s ease;}}
         a.hall-link:hover, .bw-return:hover {{text-decoration:none; color:#0f172a; }}
         div[data-testid="stAlertContentInfo"] {{ border-radius: 0.75rem; padding: 0.75rem 1rem; color: #e9ddff !important; }}
         /* Week Navigation Styles */
@@ -430,7 +432,7 @@ def render_fantastic_page(week_id: str = None) -> None:
     total = len(unique_names)
     if total == 0:
         st.info("No Hall of Fantastics entries yet for this week. Claim the first Fantastic finish!", icon="⚪")
-        st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{hall_page_url()}\" class=\"hall-link\" target=\"_self\">View Hall of Legends</a></div>", unsafe_allow_html=True)
+        
         
         # -- Week Navigation (empty state) --
         prev_y, prev_w = adjust_week_id(week_id, -7)
@@ -441,7 +443,7 @@ def render_fantastic_page(week_id: str = None) -> None:
                 <a href="?page=fantastic&week={nxt_y}-W{nxt_w:02d}" style="margin-left:auto;">Next Week ({nxt_y}-W{nxt_w:02d}) ➡️</a>
             </div>""",
             unsafe_allow_html=True)
-        
+        st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{hall_page_url()}\" class=\"hall-link\" target=\"_self\">🏆 Hall of Legends Leaderboard</a></div>", unsafe_allow_html=True)
         st.markdown(f"<a href=\"{game_page_url()}\" class=\"bw-return hall-link\" target=\"_self\">⟵ Return to game</a>", unsafe_allow_html=True)
         return
 
@@ -456,15 +458,14 @@ def render_fantastic_page(week_id: str = None) -> None:
         <div class="bw-top-cards">
           <div class="bw-card"><h3>🌟 Top Fantastic</h3><p><strong>{best_score}</strong> pts by <strong>{best_player}</strong></p></div>
           <div class="bw-card"><h3>⚡ Fastest Fantastic</h3><p><strong>{best_time:.3f}s</strong></p></div>
-          <div class="bw-card"><h3>🗓️ Current Week</h3><p><strong>{week_id}</strong></p></div>
-          <div class="bw-card"><h3>🎯 Wordlist</h3><p><strong>{wordlist_name}</strong></p></div>
           <div class="bw-card"><h3>🙌 Total Fantastics</h3><p><strong>{total}</strong> saved runs</p></div>
+          <div class="bw-card"><h3>🎯 Wordlist</h3><p><strong>{wordlist_name}</strong></p></div>          
+          <div class="bw-card"><h3>🗓️ Current Week</h3><p><strong>{week_id}</strong></p></div>
         </div>
         """,
         unsafe_allow_html=True,
     )
-    st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{hall_page_url()}\" class=\"hall-link\" target=\"_self\">View Hall of Legends</a></div>", unsafe_allow_html=True)
-
+    
     display_limit = min(int(fantastic_doc.get("max_display_entries", APP_SETTINGS.get("max_display_entries", MAX_DISPLAY_ENTRIES))), MAX_DISPLAY_ENTRIES)
     rows_html = []
     for idx, entry in enumerate(entries[:display_limit], 1):
@@ -496,9 +497,10 @@ def render_fantastic_page(week_id: str = None) -> None:
     nxt_y, nxt_w = adjust_week_id(week_id, 7)
     st.markdown(
         f"""<div class="bw-week-nav">
-            <a href="?page=fantastic&week={prev_y}-W{prev_w:02d}" target="_self">⬅️ Prev Week ({prev_y}-W{prev_w:02d})</a>
+            <a href="?page=fantastic&week={prev_y}-W{prev_w:02d}" target="_self">⬅️ Prev Week ({prev_y}-W{prev_w:02d})</a>            
             <a href="?page=fantastic&week={nxt_y}-W{nxt_w:02d}" style="margin-left:auto;" target="_self">Next Week ({nxt_y}-W{nxt_w:02d}) ➡️</a>
         </div>""",
         unsafe_allow_html=True)
-
+    st.markdown(f"<div style='text-align:center; margin-top:0.75rem;'><a href=\"{hall_page_url()}\" class=\"hall-link\" target=\"_self\">🏆 Hall of Legends Leaderboard</a></div>", unsafe_allow_html=True)
     st.markdown(f"<a class=\"bw-return\" href=\"{game_page_url()}\" target=\"_self\">⟵ Return to game</a>", unsafe_allow_html=True)
+