Improve bible reader navigation layout and alignment

- Reorganize controls into two logical rows: filters and settings
- Fix alignment issues with version selector and toggle button
- Center font size controls with other action buttons
- Remove version count caption that caused height differences
- Maintain full functionality in both normal and reading modes
- Improve visual hierarchy and user experience

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-09-24 12:54:08 +00:00
parent 920798966a
commit ebd2519974
2 changed files with 97 additions and 73 deletions

View File

@@ -25,4 +25,20 @@ body {
.verse:hover {
background-color: rgba(255, 235, 59, 0.2);
}
/* Bible Reader Full Screen Mode - Hide only site-level elements */
.bible-fullscreen-mode .MuiAppBar-root:first-child,
.bible-fullscreen-mode footer,
.bible-fullscreen-mode [data-floating-chat="true"] {
display: none !important;
}
.bible-fullscreen-mode {
overflow: auto;
}
.bible-fullscreen-mode body {
margin: 0;
padding: 0;
}