From 7fec28dea48c7a315dc8f56af6b50ab5cd0b2a3a Mon Sep 17 00:00:00 2001
From: Awais Ansari <79941147+awais-ansari@users.noreply.github.com>
Date: Tue, 27 Feb 2024 12:22:15 +0500
Subject: [PATCH] fix: newline and alignment bug in survey option mobile view
 (#34295)

---
 lms/static/sass/lms-course.scss | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/lms/static/sass/lms-course.scss b/lms/static/sass/lms-course.scss
index b9ef46bacc44..a089484ac098 100644
--- a/lms/static/sass/lms-course.scss
+++ b/lms/static/sass/lms-course.scss
@@ -25,6 +25,12 @@
     }
 }
 
-.percentage {
-    white-space: nowrap;
+@media only screen and (max-width: 767px) {
+    .survey-table .survey-option .visible-mobile-only {
+        width: calc(100% - 21px) !important;
+    }
+
+    .survey-percentage .percentage {
+        width: 54px !important;
+    }
 }