Merge pull request #220 from openedx/aadnan/PROD-2571

fix: Responsiveness of Enrollment and Entitlement V2 table
openedx · Feb 20, 2022 · 624285b · 624285b
2 parents c741481 + 3b7d3c1
commit 624285b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/overrides.scss b/src/overrides.scss
@@ -164,3 +164,7 @@ $darkCyan: #00262b;
 .background-light-gray {
   background: lightgrey;
 }
+
+.mb-60 {
+  margin-bottom: 60px;
+}
diff --git a/src/users/enrollments/v2/Enrollments.jsx b/src/users/enrollments/v2/Enrollments.jsx
@@ -281,7 +281,7 @@ export default function Enrollments({
             columns={columns}
             data={tableData}
             renderRowSubComponent={renderRowSubComponent}
-            styleName="custom-table"
+            styleName={tableData.length === 1 ? 'custom-table mb-60' : 'custom-table'}
             defaultSortColumn={defaultSortColumn}
           />
         )

diff --git a/src/users/entitlements/v2/Entitlements.jsx b/src/users/entitlements/v2/Entitlements.jsx
@@ -268,7 +268,7 @@ export default function Entitlements({
             columns={columns}
             data={tableData}
             renderRowSubComponent={renderRowSubComponent}
-            styleName="custom-table"
+            styleName={tableData.length === 1 ? 'custom-table mb-60' : 'custom-table'}
           />
         )}