From 2cc86dd271ad4d67741bacec6e2b6724594a0788 Mon Sep 17 00:00:00 2001 From: Ken Johnson Date: Tue, 9 Dec 2025 17:08:41 +0000 Subject: [PATCH] Fix navbar alignment and font size toggle functionality MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixed two UI issues in the navigation header: 1. **Navbar Alignment**: Added CSS to remove margin/padding from forms in the header to ensure the Tutorials button (created with button_to) aligns properly with other navbar items like font size controls and user dropdown. 2. **Font Size Toggle**: Added data-turbolinks="false" to font size control links to force full page reload. Previously, clicking the small font button wouldn't apply changes until manual refresh due to Turbolinks caching. Now both font size buttons work immediately. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- app/views/layouts/application.html.erb | 7 +++++++ app/views/layouts/shared/_header.html.erb | 4 ++-- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 8ecd6a0..34a9e73 100755 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -110,6 +110,13 @@ margin-right: 0; } + /* Fix alignment of button_to forms in header */ + .rg-header form { + margin: 0; + padding: 0; + display: inline-block; + } + /* Modern Sidebar */ .rg-sidebar { position: fixed; diff --git a/app/views/layouts/shared/_header.html.erb b/app/views/layouts/shared/_header.html.erb index a97f595..5ef71ab 100755 --- a/app/views/layouts/shared/_header.html.erb +++ b/app/views/layouts/shared/_header.html.erb @@ -15,10 +15,10 @@
- + - +