From 49d820f19d57a49a7c3768b7ba815128e8843042 Mon Sep 17 00:00:00 2001
From: Teal Starsong <git@teal.is>
Date: Tue, 27 May 2025 17:35:16 +0200
Subject: [PATCH] feat: add leaderboard to navigation and improve responsive
 design

- Add leaderboard link to main navigation (desktop and mobile)
- Add stats links to conferences index page
- Fix navigation breakpoints: change from md: to lg: (1024px) to prevent menu items running together
- Improve responsive padding across all templates: less padding on mobile, more on larger screens
---
 app/views/admin/conferences/edit.html.erb                 | 2 +-
 app/views/admin/conferences/import_history.html.erb       | 2 +-
 app/views/admin/conferences/import_progress.html.erb      | 2 +-
 app/views/admin/conferences/index.html.erb                | 2 +-
 app/views/admin/conferences/new.html.erb                  | 2 +-
 .../admin/conferences/select_relevant_stages.html.erb     | 2 +-
 app/views/admin/conferences/show.html.erb                 | 2 +-
 app/views/admin/dashboard/index.html.erb                  | 2 +-
 app/views/admin/invitation_tokens/show.html.erb           | 2 +-
 .../admin/notification_channels/discover_groups.html.erb  | 2 +-
 app/views/admin/notification_channels/edit.html.erb       | 2 +-
 app/views/admin/notification_channels/index.html.erb      | 2 +-
 app/views/admin/notification_channels/new.html.erb        | 2 +-
 app/views/admin/notification_channels/show.html.erb       | 2 +-
 app/views/admin/roles/edit.html.erb                       | 2 +-
 app/views/admin/roles/index.html.erb                      | 2 +-
 app/views/admin/standby_blocks/edit.html.erb              | 2 +-
 app/views/admin/standby_blocks/index.html.erb             | 2 +-
 app/views/admin/standby_blocks/new.html.erb               | 2 +-
 app/views/admin/users/edit.html.erb                       | 2 +-
 app/views/admin/users/index.html.erb                      | 2 +-
 app/views/admin/users/new.html.erb                        | 2 +-
 app/views/admin/users/show.html.erb                       | 2 +-
 app/views/assignments/by_user.html.erb                    | 2 +-
 app/views/assignments/index.html.erb                      | 2 +-
 app/views/conferences/index.html.erb                      | 2 +-
 app/views/conferences/show.html.erb                       | 2 +-
 app/views/conferences/stats.html.erb                      | 2 +-
 app/views/devise/passwords/edit.html.erb                  | 2 +-
 app/views/devise/passwords/new.html.erb                   | 2 +-
 app/views/devise/registrations/edit.html.erb              | 2 +-
 app/views/devise/registrations/new.html.erb               | 2 +-
 app/views/devise/sessions/new.html.erb                    | 2 +-
 app/views/layouts/application.html.erb                    | 8 ++++----
 app/views/sessions/show.html.erb                          | 2 +-
 app/views/speakers/show.html.erb                          | 2 +-
 36 files changed, 39 insertions(+), 39 deletions(-)

diff --git a/app/views/admin/conferences/edit.html.erb b/app/views/admin/conferences/edit.html.erb
index 937d5c5..57d50a7 100644
--- a/app/views/admin/conferences/edit.html.erb
+++ b/app/views/admin/conferences/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Admin: Edit Conference: <%= @conference.name %></h1>
 
   <%= render "form", conference: @conference, url: admin_conference_path(slug: @conference.slug), method: :patch, submit_text: "Update Conference" %>
diff --git a/app/views/admin/conferences/import_history.html.erb b/app/views/admin/conferences/import_history.html.erb
index 1bb6df7..7bb4632 100644
--- a/app/views/admin/conferences/import_history.html.erb
+++ b/app/views/admin/conferences/import_history.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <h1 class="text-2xl font-bold dark:text-gray-200">Import History for <%= @conference.name %></h1>
     <div class="flex space-x-2 actions">
diff --git a/app/views/admin/conferences/import_progress.html.erb b/app/views/admin/conferences/import_progress.html.erb
index 6bb25b5..8851bad 100644
--- a/app/views/admin/conferences/import_progress.html.erb
+++ b/app/views/admin/conferences/import_progress.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold mb-6">Importing Conference Data</h1>
   
   <div id="import-status" data-conference-slug="<%= @conference.slug %>">
diff --git a/app/views/admin/conferences/index.html.erb b/app/views/admin/conferences/index.html.erb
index ab89402..da256e2 100644
--- a/app/views/admin/conferences/index.html.erb
+++ b/app/views/admin/conferences/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <h1 class="text-2xl font-bold dark:text-gray-200">Conferences</h1>
     <div class="actions">
diff --git a/app/views/admin/conferences/new.html.erb b/app/views/admin/conferences/new.html.erb
index b285d92..f5b489b 100644
--- a/app/views/admin/conferences/new.html.erb
+++ b/app/views/admin/conferences/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Admin: New Conference</h1>
 
   <%= render "form", conference: @conference, url: admin_conferences_path, method: :post, submit_text: "Create Conference" %>
diff --git a/app/views/admin/conferences/select_relevant_stages.html.erb b/app/views/admin/conferences/select_relevant_stages.html.erb
index 02d4343..eb137d8 100644
--- a/app/views/admin/conferences/select_relevant_stages.html.erb
+++ b/app/views/admin/conferences/select_relevant_stages.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold mb-6">Select Relevant Stages for <%= @conference.name %></h1>
   
   <% if @conference.import_in_progress? %>
diff --git a/app/views/admin/conferences/show.html.erb b/app/views/admin/conferences/show.html.erb
index 15312ad..7da1e44 100644
--- a/app/views/admin/conferences/show.html.erb
+++ b/app/views/admin/conferences/show.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <h1 class="text-2xl font-bold dark:text-gray-200"><%= @conference.name %></h1>
     <div class="flex space-x-2 actions">
diff --git a/app/views/admin/dashboard/index.html.erb b/app/views/admin/dashboard/index.html.erb
index 6319baa..a8ebed3 100644
--- a/app/views/admin/dashboard/index.html.erb
+++ b/app/views/admin/dashboard/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold dark:text-gray-200 mb-6">Admin Dashboard</h1>
 
   <!-- Stats Overview -->
diff --git a/app/views/admin/invitation_tokens/show.html.erb b/app/views/admin/invitation_tokens/show.html.erb
index c3a6aec..e922eb5 100644
--- a/app/views/admin/invitation_tokens/show.html.erb
+++ b/app/views/admin/invitation_tokens/show.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-2xl mx-auto">
     <h1 class="text-2xl font-bold dark:text-gray-200 mb-6">Invitation Token Management</h1>
 
diff --git a/app/views/admin/notification_channels/discover_groups.html.erb b/app/views/admin/notification_channels/discover_groups.html.erb
index b832c9a..abf8567 100644
--- a/app/views/admin/notification_channels/discover_groups.html.erb
+++ b/app/views/admin/notification_channels/discover_groups.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">Select Group Chat for <%= @notification_channel.name %></h1>
   </div>
diff --git a/app/views/admin/notification_channels/edit.html.erb b/app/views/admin/notification_channels/edit.html.erb
index 45b0fe9..82cc918 100644
--- a/app/views/admin/notification_channels/edit.html.erb
+++ b/app/views/admin/notification_channels/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">Edit Notification Channel</h1>
   </div>
diff --git a/app/views/admin/notification_channels/index.html.erb b/app/views/admin/notification_channels/index.html.erb
index 202096e..13dc2af 100644
--- a/app/views/admin/notification_channels/index.html.erb
+++ b/app/views/admin/notification_channels/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <h1 class="text-2xl font-bold dark:text-gray-200">Notification Channels</h1>
     <div class="actions">
diff --git a/app/views/admin/notification_channels/new.html.erb b/app/views/admin/notification_channels/new.html.erb
index fbc12c2..6d8f021 100644
--- a/app/views/admin/notification_channels/new.html.erb
+++ b/app/views/admin/notification_channels/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">New Notification Channel</h1>
   </div>
diff --git a/app/views/admin/notification_channels/show.html.erb b/app/views/admin/notification_channels/show.html.erb
index a4fbd32..96c8f6a 100644
--- a/app/views/admin/notification_channels/show.html.erb
+++ b/app/views/admin/notification_channels/show.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <h1 class="text-2xl font-bold dark:text-gray-200"><%= @notification_channel.name %></h1>
     <div class="actions">
diff --git a/app/views/admin/roles/edit.html.erb b/app/views/admin/roles/edit.html.erb
index 4476fd9..030f3e5 100644
--- a/app/views/admin/roles/edit.html.erb
+++ b/app/views/admin/roles/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Edit Role: <%= @role.name %></h1>
 
   <%= render "form", role: @role, permissions: @permissions, submit_text: "Update Role" %>
diff --git a/app/views/admin/roles/index.html.erb b/app/views/admin/roles/index.html.erb
index 8499910..2f1c4df 100644
--- a/app/views/admin/roles/index.html.erb
+++ b/app/views/admin/roles/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-2xl font-bold mb-6 dark:text-gray-200">Roles and Permissions</h1>
 
   <div class="bg-white dark:bg-gray-800 shadow overflow-hidden rounded-lg table-responsive">
diff --git a/app/views/admin/standby_blocks/edit.html.erb b/app/views/admin/standby_blocks/edit.html.erb
index b0e8da8..c115582 100644
--- a/app/views/admin/standby_blocks/edit.html.erb
+++ b/app/views/admin/standby_blocks/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="mb-6">
     <nav class="flex" aria-label="Breadcrumb">
       <ol role="list" class="flex items-center space-x-4">
diff --git a/app/views/admin/standby_blocks/index.html.erb b/app/views/admin/standby_blocks/index.html.erb
index 19eee7a..471f600 100644
--- a/app/views/admin/standby_blocks/index.html.erb
+++ b/app/views/admin/standby_blocks/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <div>
       <h1 class="text-2xl font-bold dark:text-gray-200">Standby Blocks</h1>
diff --git a/app/views/admin/standby_blocks/new.html.erb b/app/views/admin/standby_blocks/new.html.erb
index 2240bb2..838253a 100644
--- a/app/views/admin/standby_blocks/new.html.erb
+++ b/app/views/admin/standby_blocks/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="mb-6">
     <nav class="flex" aria-label="Breadcrumb">
       <ol role="list" class="flex items-center space-x-4">
diff --git a/app/views/admin/users/edit.html.erb b/app/views/admin/users/edit.html.erb
index 987cb1f..acaef66 100644
--- a/app/views/admin/users/edit.html.erb
+++ b/app/views/admin/users/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">Edit User</h1>
     <div class="flex space-x-2">
diff --git a/app/views/admin/users/index.html.erb b/app/views/admin/users/index.html.erb
index 3d96881..7a6e909 100644
--- a/app/views/admin/users/index.html.erb
+++ b/app/views/admin/users/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6 header-with-actions">
     <h1 class="text-2xl font-bold dark:text-gray-200">Users</h1>
     <div class="actions">
diff --git a/app/views/admin/users/new.html.erb b/app/views/admin/users/new.html.erb
index 086351a..0b62d82 100644
--- a/app/views/admin/users/new.html.erb
+++ b/app/views/admin/users/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">New User</h1>
     <%= link_to "Back to Users", admin_users_path, class: "px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700 dark:bg-gray-700 dark:hover:bg-gray-800" %>
diff --git a/app/views/admin/users/show.html.erb b/app/views/admin/users/show.html.erb
index 961e449..36399c1 100644
--- a/app/views/admin/users/show.html.erb
+++ b/app/views/admin/users/show.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">User Details</h1>
     <div class="flex space-x-2">
diff --git a/app/views/assignments/by_user.html.erb b/app/views/assignments/by_user.html.erb
index 44f3165..7b50e0f 100644
--- a/app/views/assignments/by_user.html.erb
+++ b/app/views/assignments/by_user.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-full">
     <div class="flex items-center justify-between mb-6">
       <div class="flex items-center">
diff --git a/app/views/assignments/index.html.erb b/app/views/assignments/index.html.erb
index b677ecb..595fba1 100644
--- a/app/views/assignments/index.html.erb
+++ b/app/views/assignments/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <% now = Time.now %>
   <div class="scroll-smooth">
   <h1 class="text-xl my-4 dark:text-red-500">Assignments for all users</h1>
diff --git a/app/views/conferences/index.html.erb b/app/views/conferences/index.html.erb
index 3e463b0..b90a0e6 100644
--- a/app/views/conferences/index.html.erb
+++ b/app/views/conferences/index.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="flex justify-between items-center mb-6">
     <h1 class="text-2xl font-bold dark:text-gray-200">Conferences</h1>
     
diff --git a/app/views/conferences/show.html.erb b/app/views/conferences/show.html.erb
index d37210b..17b60a3 100644
--- a/app/views/conferences/show.html.erb
+++ b/app/views/conferences/show.html.erb
@@ -13,7 +13,7 @@ current_time = Time.zone.now.in_time_zone(@conference.time_zone)
     <%= render partial: 'assignments/filteredlist_option', locals: { user: } %>
   <% end %>
 </template>
-<div class="container mx-auto px-4 py-8 text-black dark:text-white">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8 text-black dark:text-white">
   <div class="mb-4">
     <a href="#now" onclick="document.querySelector('#now')?.scrollIntoView({ behavior: 'smooth', block: 'center', inline: 'nearest' }); return false" class="underline text-blue-500">Jump to current time</a>
   </div>
diff --git a/app/views/conferences/stats.html.erb b/app/views/conferences/stats.html.erb
index a5627c7..8a99f42 100644
--- a/app/views/conferences/stats.html.erb
+++ b/app/views/conferences/stats.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <h1 class="text-3xl font-bold mb-8 dark:text-gray-100 text-center">Statistics for <%= @conference.name %></h1>
 
   <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
diff --git a/app/views/devise/passwords/edit.html.erb b/app/views/devise/passwords/edit.html.erb
index 3d7c2e7..3950fdc 100644
--- a/app/views/devise/passwords/edit.html.erb
+++ b/app/views/devise/passwords/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6">
     <h1 class="text-2xl font-bold mb-6 dark:text-white">Change your password</h1>
 
diff --git a/app/views/devise/passwords/new.html.erb b/app/views/devise/passwords/new.html.erb
index da798dd..3d3409d 100644
--- a/app/views/devise/passwords/new.html.erb
+++ b/app/views/devise/passwords/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6">
     <h1 class="text-2xl font-bold mb-6 dark:text-white">Forgot your password?</h1>
 
diff --git a/app/views/devise/registrations/edit.html.erb b/app/views/devise/registrations/edit.html.erb
index 7c2f5d6..c9e0945 100644
--- a/app/views/devise/registrations/edit.html.erb
+++ b/app/views/devise/registrations/edit.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-2xl mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6">
     <h1 class="text-2xl font-bold mb-6 dark:text-white">Profile</h1>
 
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
index 9d236c9..e9c0284 100644
--- a/app/views/devise/registrations/new.html.erb
+++ b/app/views/devise/registrations/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6">
     <h1 class="text-2xl font-bold mb-6 dark:text-white">Sign Up</h1>
 
diff --git a/app/views/devise/sessions/new.html.erb b/app/views/devise/sessions/new.html.erb
index 7d09131..f5965f9 100644
--- a/app/views/devise/sessions/new.html.erb
+++ b/app/views/devise/sessions/new.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8">
   <div class="max-w-md mx-auto bg-white dark:bg-gray-800 shadow rounded-lg p-6">
     <h1 class="text-2xl font-bold mb-6 dark:text-white">Log in</h1>
 
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 7638071..6d2acf7 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -40,7 +40,7 @@
           </h1>
 
           <!-- Desktop navigation items -->
-          <div class="hidden md:flex md:items-center md:space-x-4 md:ml-4">
+          <div class="hidden lg:flex lg:items-center lg:space-x-4 lg:ml-4">
             <%= link_to 'Conferences', conferences_path, class: 'text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white' %>
             <%= link_to 'Assignments', assignments_path, class: 'text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white' %>
             <%= link_to 'Leaderboard', users_leaderboard_path, class: 'text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white' %>
@@ -50,7 +50,7 @@
         <nav class="flex items-center space-x-3">
           <% if user_signed_in? %>
             <!-- Desktop user navigation -->
-            <div class="hidden md:flex md:items-center md:space-x-4">
+            <div class="hidden lg:flex lg:items-center lg:space-x-4">
               <%= link_to edit_user_registration_path, class: "text-gray-600 hover:text-gray-900 dark:text-gray-300 dark:hover:text-white", aria_label: "My Profile" do %>
                 <span>My Profile</span>
               <% end %>
@@ -79,7 +79,7 @@
             </button>
 
             <!-- Mobile hamburger menu -->
-            <div class="md:hidden relative ml-4">
+            <div class="lg:hidden relative ml-4">
               <button id="main-menu-toggle" class="text-gray-900 dark:text-white">
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
@@ -127,7 +127,7 @@
             </button>
 
             <!-- Mobile hamburger menu for non-logged in users -->
-            <div class="md:hidden relative ml-4">
+            <div class="lg:hidden relative ml-4">
               <button id="guest-menu-toggle" class="text-gray-900 dark:text-white">
                 <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                   <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
diff --git a/app/views/sessions/show.html.erb b/app/views/sessions/show.html.erb
index e238ec7..1796975 100644
--- a/app/views/sessions/show.html.erb
+++ b/app/views/sessions/show.html.erb
@@ -4,7 +4,7 @@
     <%= render partial: 'assignments/filteredlist_option', locals: { user: } %>
   <% end %>
 </template>
-<div class="container mx-auto px-4 py-8 pb-16 max-w-6xl">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8 pb-16 max-w-6xl">
   <% if @session %>
     <!-- Session Header Section -->
     <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
diff --git a/app/views/speakers/show.html.erb b/app/views/speakers/show.html.erb
index c8546f4..74b38d0 100644
--- a/app/views/speakers/show.html.erb
+++ b/app/views/speakers/show.html.erb
@@ -1,4 +1,4 @@
-<div class="container mx-auto px-4 py-8 max-w-4xl">
+<div class="container mx-auto px-2 py-4 sm:px-4 lg:px-6 lg:py-8 max-w-4xl">
   <% if @speaker %>
     <!-- Speaker Header Section -->
     <div class="bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8 mb-8">
-- 
GitLab