From 1dab744ba2785ec220cc40d7d8a932393b46f23f Mon Sep 17 00:00:00 2001
From: tspring5000 <76498195+tspring5000@users.noreply.github.com>
Date: Wed, 6 Mar 2024 22:37:05 +0000
Subject: [PATCH] fix: Open Responses Styling and Layout (#33717)

* fix: table styling on Instructor Dashboard

Ref: https://github.com/openedx/wg-build-test-release/issues/223
The Open Responses tab on instructor dashboard on LMS has a few issues with table styling; there isn't enough spacing between some columns which makes the text difficult to read, and the bottom of some numbers in the summary table are cutoff
This change adds padding to the right of each column to ensure longer text is still legible and changes the line height from 1em to 1 (unitless), which looks the same but doesn't cut off the bottom

* fix: remove whitespace
Remove extra whitespace line 1862 for better formatting
---
 lms/static/sass/course/instructor/_instructor_2.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/lms/static/sass/course/instructor/_instructor_2.scss b/lms/static/sass/course/instructor/_instructor_2.scss
index 723664d64126..42a1b037eae7 100644
--- a/lms/static/sass/course/instructor/_instructor_2.scss
+++ b/lms/static/sass/course/instructor/_instructor_2.scss
@@ -1858,6 +1858,16 @@
 .instructor-dashboard-wrapper-2 section.idash-section#open_response_assessment {
   .open-response-assessment {
     padding-top: 20px;
+
+    .open-response-assessment-content {
+      .open-response-assessment-summary, .open-response-assessment-main-table {
+        line-height: 1;
+
+        table tr td {
+          padding-right: 20px;
+        }
+      }
+    }
   }
 }