From 62d64e11b684193ebb99b04995a739e5f4aeede7 Mon Sep 17 00:00:00 2001
From: nouralmaa <absniuria@nours.page>
Date: Thu, 18 Dec 2025 12:51:57 +0000
Subject: [PATCH 1/2] fix: adjust popup display on mobile

---
 client/agenda/AgendaDetailsModal.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/client/agenda/AgendaDetailsModal.vue b/client/agenda/AgendaDetailsModal.vue
index 2582bf2159..aab0196ae0 100644
--- a/client/agenda/AgendaDetailsModal.vue
+++ b/client/agenda/AgendaDetailsModal.vue
@@ -274,6 +274,7 @@ async function fetchSessionMaterials () {
 <style lang="scss">
 @import "bootstrap/scss/functions";
 @import "bootstrap/scss/variables";
+@import "../shared/breakpoints";
 
 .agenda-eventdetails {
   width: 90vw;
@@ -403,5 +404,22 @@ async function fetchSessionMaterials () {
       font-size: 16px;
     }
   }
+
+  .n-card-header {
+    @media screen and (max-width: $bs5-break-sm) {
+      display: block;
+      padding: 1em;
+    }
+  }
+
+  .n-card__content {
+    @media screen and (max-width: $bs5-break-sm) {
+      padding: 1em;
+
+      .detail-title {
+        display: block;
+      }
+    }
+  }
 }
 </style>

From 9e03b46aaa365c4c591cba3e4d0647e1e87db473 Mon Sep 17 00:00:00 2001
From: nouralmaa <absniuria@nours.page>
Date: Thu, 18 Dec 2025 12:55:00 +0000
Subject: [PATCH 2/2] fix: adjust ui spacing

---
 client/agenda/AgendaDetailsModal.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/agenda/AgendaDetailsModal.vue b/client/agenda/AgendaDetailsModal.vue
index aab0196ae0..69c8ef8b53 100644
--- a/client/agenda/AgendaDetailsModal.vue
+++ b/client/agenda/AgendaDetailsModal.vue
@@ -419,6 +419,13 @@ async function fetchSessionMaterials () {
       .detail-title {
         display: block;
       }
+
+      .nav-link,
+      .nav-link.active {
+        display: grid;
+        width: 1em;
+        border-width: 1em;
+      }
     }
   }
 }