IO-3467 Resolve UI on report center filter.

2025-12-15 08:37:32 -08:00
parent 6ea1c291e6
commit f1847ef650
2 changed files with 41 additions and 5 deletions
--- a/client/src/components/report-center-modal/report-center-modal.styles.scss
+++ b/client/src/components/report-center-modal/report-center-modal.styles.scss
@@ -11,3 +11,38 @@
    }
  }
 }
+
+// Report center modal fixes for column layout
+.report-center-modal {
+  .ant-form-item .ant-radio-group {
+    width: 100%;
+    
+    .ant-card-grid {
+      padding: 16px;
+      box-sizing: border-box;
+      
+      ul {
+        width: 100%;
+        
+        li {
+          margin-bottom: 8px;
+          break-inside: avoid;
+          page-break-inside: avoid;
+          
+          .ant-radio-wrapper {
+            display: flex;
+            align-items: flex-start;
+            width: 100%;
+            
+            span:not(.ant-radio) {
+              word-break: break-word;
+              overflow-wrap: break-word;
+              hyphens: auto;
+              flex: 1;
+            }
+          }
+        }
+      }
+    }
+  }
+}