v0.2.12 change layout

README.md

@@ -21,7 +21,7 @@ thumbnail: >-
 
 # Wrdler
 
-Version 0.2.11
+Version 0.2.12
 
 Wrdler is a vocabulary puzzle game with daily and weekly leaderboards, 8x6 grid, and two free letter guesses at the start. See CHANGELOG or specs for details on the latest updates.
 
@@ -29,8 +29,8 @@ Wrdler is a vocabulary puzzle game with daily and weekly leaderboards, 8x6 grid,
 
 Wrdler is a vocabulary learning game with a simplified grid and strategic letter guessing. The objective is to discover hidden words on a grid by making smart guesses before all letters are revealed.
 
-**Current Version:** v0.2.11
-**Last Updated:** 2025-12-18
+**Current Version:** v0.2.12
+**Last Updated:** 2025-12-21
 
 ## Key Differences from BattleWords
 

app.py

@@ -19,7 +19,7 @@ def main(opened=False):
     )
 
     st.markdown(
-        "<style>div[data-testid='stSidebar'], .element-container.st-emotion-cache-6zw7lf.e1wguzas1:nth-child(3), .element-container.st-emotion-cache-6zw7lf.e1wguzas1:nth-child(4), .element-container.st-emotion-cache-1vo6xi6.e1wguzas1:nth-child(5), .element-container.st-emotion-cache-1vo6xi6.e1wguzas1:nth-child(2)   { display: none !important; }</style>",
+        "<style>div[data-testid='stSidebar'] { display: none !important; }</style>",
         unsafe_allow_html=True,
     )
 

pyproject.toml

@@ -1,6 +1,6 @@
 [project]
 name = "wrdler"
-version = "0.2.11"
+version = "0.2.12"
 description = "Wrdler vocabulary puzzle game - simplified version based on BattleWords with 8x6 grid, horizontal words only, no scope, 2 free letter guesses, and a settings-based daily/weekly leaderboard system. Features leaderboard UI, challenge sharing, and AI word lists."
 readme = "README.md"
 requires-python = ">=3.12,<3.13"

specs/leaderboard_spec.md

@@ -1,9 +1,9 @@
 # Wrdler Leaderboard System Specification
 
 **Document Version:** 1.4.3
-**Project Version:** 0.2.10
+**Project Version:** 0.2.12
 **Author:** GitHub Copilot
-**Last Updated:** 2025-12-18
+**Last Updated:** 2025-12-21
 **Status:** ✅ Implemented and Documented
 
 ---

specs/requirements.md

@@ -1,8 +1,8 @@
 # Wrdler Requirements
 
-**Version:** 0.2.11
+**Version:** 0.2.12
 **Status:** Production Ready - Leaderboards Implemented
-**Last Updated:** 2025-12-20
+**Last Updated:** 2025-12-21
 
 This document breaks down the implementation tasks for Wrdler using the game rules described in `specs.md`. Wrdler is a Python/Streamlit project based on BattleWords but with a simplified 8x6 grid, horizontal-only words, and free letter guesses at the start.
 

specs/specs.md

@@ -1,7 +1,7 @@
 # Wrdler Specifications
 
-**Version:** 0.2.11
-**Last Updated:** 2025-12-20
+**Version:** 0.2.12
+**Last Updated:** 2025-12-21
 
 **Status:** Production Ready - Leaderboards & Enhanced Settings Page Implemented
 

wrdler/__init__.py

@@ -9,5 +9,5 @@ Key differences from BattleWords:
 - Daily and weekly leaderboards
 """
 
-__version__ = "0.2.11"
+__version__ = "0.2.12"
 __all__ = ["models", "generator", "logic", "ui", "word_loader", "leaderboard", "leaderboard_page"]

wrdler/ui.py

@@ -871,7 +871,7 @@ def _render_guess_form(state: GameState):
         .stForm { padding-bottom: 30px; }
 
         @media (max-width: 640px) {
-          .st-emotion-cache-1xwdq91, .st-emotion-cache-1r70o5 {
+          .st-emotion-cache-1xwdq91, .st-emotion-cache-1r70o5,  {
               max-width: max-content; min-width:33%;
           }
           .st-emotion-cache-emqb34, .st-emotion-cache-192m4g1 {
@@ -884,14 +884,17 @@ def _render_guess_form(state: GameState):
             width: calc(50% - 1.5rem);
             flex:unset;
           }
+          .st-emotion-cache-bw9c3d, .st-emotion-cache-1w9nhvb, .st-emotion-cache-bah2wz{
+            min-width: unset;
+          }
         }
         </style>
         """,
         unsafe_allow_html=True,
     )
     
-    with st.form("guess_form", width=300, clear_on_submit=True):
-        col1, col2 = st.columns([2, 1], vertical_alignment="bottom")
+    with st.form("guess_form", width="stretch", clear_on_submit=True):
+        col1, col2, col3 = st.columns([0.4, 0.25, 0.35], vertical_alignment="bottom")
         with col1:
             guess_text = st.text_input(
                 "Your Guess", 
@@ -903,6 +906,8 @@ def _render_guess_form(state: GameState):
             )
         with col2:
             submitted = st.form_submit_button("OK", disabled=not state.can_guess, width=100, key="guess_submit")
+        with col3:
+            _render_correct_try_again(state)
         
         # Show compact list below input if setting is enabled
         #if st.session_state.get("show_incorrect_guesses", True) and recent_incorrect:
@@ -1779,12 +1784,12 @@ def _render_game_tab():
     left, right = st.columns([5, 3], gap="medium")  # Adjusted from [3, 2] to give more space to 8×6 grid
     with right:
         # Radar visualization removed for Wrdler (Sprint 3)
-        one, two = st.columns([1, 2], gap="medium")
-        with one:
-            _render_correct_try_again(state)
+        # one, two = st.columns([1, 2], gap="medium")
+        # with one:
+            # _render_correct_try_again(state)
             #_render_hit_miss(state)
-        with two:              
-            _render_guess_form(state)
+        # with two:              
+        _render_guess_form(state)
         #st.divider()        
         _render_score_panel(state)
     with left: