From 5e73a7c064bc483d50529268d11cf9fedb3b0539 Mon Sep 17 00:00:00 2001
From: Mark Johnson <mark.johnson@catalyst-eu.net>
Date: Mon, 17 Mar 2025 15:20:13 +0000
Subject: [PATCH] MDL-84227 quiz: Improve responsiveness of question page

---
 mod/quiz/styles.css                       | 24 +++++++++++------------
 mod/quiz/templates/question_slot.mustache |  2 +-
 2 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/mod/quiz/styles.css b/mod/quiz/styles.css
index cc5f4914672..6db175a1c2b 100644
--- a/mod/quiz/styles.css
+++ b/mod/quiz/styles.css
@@ -765,7 +765,6 @@ table.quizreviewsummary td.cell {
 #page-mod-quiz-edit ul.slots .activityinstance span.instancename {
     overflow-x: hidden;
     overflow-y: hidden;
-    white-space: nowrap;
     text-overflow: ellipsis;
     display: inline-block;
     height: 20px;
@@ -781,13 +780,16 @@ table.quizreviewsummary td.cell {
     color: #555;
     overflow: hidden;
     text-overflow: ellipsis;
-    white-space: nowrap;
 }
 
 #page-mod-quiz-edit ul.slots li.activity div.activityinstance .questiontext {
     color: #555;
 }
 
+#page-mod-quiz-edit .sharedbank .badge {
+    white-space: initial;
+}
+
 #page-mod-quiz-edit .section .activity .editing_move {
     position: absolute;
     left: 0;
@@ -1124,17 +1126,15 @@ table.quizreviewsummary td.cell {
 }
 
 @media (max-width: 576px) {
-    #page-mod-quiz-edit ul.slots li.section li.activity {
-        padding-top: 30px;
+    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent {
+        display: none;
     }
-    #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance {
-        top: -30px;
-        left: 0;
-        padding-right: 0;
-        overflow: hidden;
-        align-items: center;
-        position: absolute;
-        width: 100%;
+    #page-mod-quiz-edit ul.slots li.section li.activity .mod-indent-outer,
+    #page-mod-quiz-edit li.section .slotnumber.unshuffled,
+    #page-mod-quiz-edit li.section.shuffled .slotnumber.shuffled,
+    #page-mod-quiz-edit ul.slots li.section li.activity .activityinstance,
+    #page-mod-quiz-edit ul.slots li.section li.activity .actions {
+        display: block;
     }
 }
 
diff --git a/mod/quiz/templates/question_slot.mustache b/mod/quiz/templates/question_slot.mustache
index ba1d9111670..c0ca6a61733 100644
--- a/mod/quiz/templates/question_slot.mustache
+++ b/mod/quiz/templates/question_slot.mustache
@@ -56,7 +56,7 @@
     <div class="activityinstance">
         <div>{{{questionname}}}</div>
         {{#issharedbank}}
-            <div>
+            <div class="sharedbank">
                 <a href="{{bankurl}}">
                     <span class="badge bg-primary text-light ms-2 mt-1">{{bankname}}</span>
                 </a>