diff --git a/app/views/admin/conferences/edit.html.erb b/app/views/admin/conferences/edit.html.erb
index 937d5c59691ab0b85fb10dc7a84dd9b39b3c8d82..57d50a76c789a53c66f3defde97ad4fe03123fdd 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 1bb6df732fe3198a84870f9ce33e2cdf371f3a8c..7bb463253f99ead3f4844d4c97a3e171362a1c54 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 6bb25b5a2a204a40db88b07c1af4520f26144c1d..8851baddfd386fd1d4c411f007499d6aaa794f54 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 ab8940282faa97b47d5362b1c2b01401dd4035bb..da256e24b005b353708165fd5ba45f872190a03c 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 b285d92893487cecd629310a32c8b6eb572eda21..f5b489bc5af0166c6d50f348c73317383ce93a0c 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 02d4343a656c747346297ae091d3f2ff4b5e0e43..eb137d8d7e260e92f857371331bd36158d488bc3 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 15312adf0a3169a033732c8e8d7f75456fd59594..7da1e449cc2f433c64e5a2703b9d425e6cadfc27 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 6319baa303d6239fc3628f48752edba90fb9a990..a8ebed35441075a6317c7e84dbe430548072654b 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 c3a6aec66baf16435e6635278a3066c03c0a1df6..e922eb59e3bc6cf670500cea231a6128b12eda05 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 b832c9ac376c71e0c376cbbace7c539794609df3..abf8567317c9225b59bff63805fb6ae769aece31 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 45b0fe9c71972535afaf0b15d1319291acd93901..82cc91815ce39990e891c7b1e768b06126e2496a 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 202096e72b5576aec9d007d94355a9d20f277bdd..13dc2af7218f9da5e6d0ae15732f76347de0727c 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 fbc12c24b3317b73e56bbf31f56893dc39bb3e9d..6d8f021b8013e224664ac32fd09c32cf1057128d 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 a4fbd32935a5c7ba32b5d8ae23ff6cbe95cdcd91..96c8f6ae8dda48a058dff46104830e1a5b263356 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 4476fd96247503240d8081dc05cf57fa15d0706e..030f3e5974f598ca9e42e07db5e591c0019d7951 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 84999101ac601fdc98ba8d4497682f8c2f516969..2f1c4df2b70209ca4442c4a062e6d37299f294d5 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 b0e8da81e72b36dc3115768466ea9b0992f29344..c115582c8821874cac7aaf45c5003df94a5faf48 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 19eee7a52184e84a603a63e80b64677acae44251..471f6008c2deecf88e5f488051ae8a808d79a6e1 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 2240bb2fb22e6d7b654ccf75090234bc136fb3f2..838253ad883bb163c599845e17a845a842ef2d10 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 987cb1f7579a710e7487e3a9d91b9d7c439a072b..acaef665ebbdd0db1420a1b3503932769d6a77b2 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 3d96881b9a00f12775f44029d4fd3083d13e1afb..7a6e9090aef0a78fba2c0bc22154ce6ff25d1e1c 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 086351a4e39c839c671f23ecf0213234590f05f8..0b62d82aab6ed3114c4f770621ed2c6c76fbbd0d 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 961e449641d2157ed040a5ca1b7c1ec96f1ed9eb..36399c1cd6642a9982dafc649609a43a81ddbd6b 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 44f3165b0d99029d7e1739fdc3b384d418719578..7b50e0f1adae34ff41b093c7412cb89522a44591 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 b677ecbe779fae8be895d625171988d04d004d50..595fba19c6308a3dbf0b81d04e7e39d8e624ba76 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 3e463b0dc87c8a7eba378d2f5cc2e64ee0893aab..b90a0e66fdfb8069f701bbbc68040cf689e5b0b3 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 d37210bff5b515316ebd3d143ef9f51f735fe04b..17b60a339dbc1b5d6cbc248f839a669ca03156ed 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 a5627c78f9084367f952595b99e50e89238982bf..8a99f42e9e526876979d41e88c6f2b6b440d2ba7 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 3d7c2e7cf5a5b3ef284d14be72af9fec82afe129..3950fdc8b01110e9f05bd2a53bfc0589696ed60d 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 da798dd5278e2186d524b85249e5053f0667fa58..3d3409d651fbc42fc641c7c0628c80b9bde0b4ec 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 7c2f5d6ea2870423f8f472748869889a74e89071..c9e0945ae3bd579367e2e1aadd4b37023f5d0ad7 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 9d236c9dd18a7daa21a69a93d12eb5b4928db614..e9c02849706a69f7f5ec89ae2893e757554d3ba5 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 7d0913132097c856cfef19548b141d34937f6358..f5965f9b6ca142fb6903dea274d0fbe3f93fed2b 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 76380714405075462a6ec49852c1def9a2e00ab9..6d2acf7a70e1068b2ebae31d52848e42963dcf3d 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 e238ec739aaa383c04e7c99b38ac7d940065ceaa..1796975f3ce613146cc5f68cecd96bdf1af0c128 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 c8546f4f6a83b0e2a3818d8ab40986b6f648dc87..74b38d0b3a016f2a1e4e0e358c8f1c9681a8b45f 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">