Fix layout: move rules drawer out of game-layout, restore bottom bar padding
Reverts flush-edge pill styling and restores horizontal padding to prevent clipping. Rules drawer is now a sibling of bottom-bar, not inside game-layout. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -405,11 +405,6 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Mobile rules drawer -->
|
||||
<div id="rules-drawer" class="side-panel rules-drawer-panel">
|
||||
<h4>Active Rules</h4>
|
||||
<div id="mobile-rules-content"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Mobile bottom bar (hidden on desktop) -->
|
||||
@@ -420,6 +415,12 @@
|
||||
<button id="mobile-leave-btn" class="mobile-bar-btn mobile-leave-btn">End Game</button>
|
||||
</div>
|
||||
|
||||
<!-- Mobile rules drawer -->
|
||||
<div id="rules-drawer" class="side-panel rules-drawer-panel">
|
||||
<h4>Active Rules</h4>
|
||||
<div id="mobile-rules-content"></div>
|
||||
</div>
|
||||
|
||||
<!-- Drawer backdrop for mobile -->
|
||||
<div id="drawer-backdrop" class="drawer-backdrop"></div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user