Merge branch 'master' into feat/schema-summary-validation-message

openforis · Nov 13, 2024 · 66f5145 · 66f5145
2 parents d7b494b + 597fbdb
commit 66f5145
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/webapp/views/App/views/Data/ValidationReport/Row/Row.js b/webapp/views/App/views/Data/ValidationReport/Row/Row.js
@@ -39,8 +39,8 @@ const Row = (props) => {
 
   return (
     <>
-      <div>{rowNo}</div>
-      <div data-value={path}>
+      <div className="validation-report__row-num-col">{rowNo}</div>
+      <div className="validation-report__path-col" data-value={path}>
         <LabelWithTooltip label={path} />
       </div>
       <div

diff --git a/webapp/views/App/views/Data/ValidationReport/ValidationReport.js b/webapp/views/App/views/Data/ValidationReport/ValidationReport.js
@@ -42,7 +42,7 @@ const ValidationReport = () => {
         headerProps={{ restParams }}
         module="validationReport"
         restParams={restParams}
-        gridTemplateColumns="70px 1fr 2fr 50px"
+        gridTemplateColumns="50px 1fr 2fr 50px"
         rowHeaderComponent={RowHeader}
         rowComponent={Row}
         onRowClick={onRowClick}

diff --git a/webapp/views/App/views/Data/ValidationReport/ValidationReport.scss b/webapp/views/App/views/Data/ValidationReport/ValidationReport.scss
@@ -18,12 +18,20 @@
   .table__row {
     height: unset;
     padding: 6px 0;
+    gap: 1rem;
   }
 }
 
+.validation-report__row-num-col {
+  justify-self: right;
+}
+
+.validation-report__path-col,
 .validation-report__message {
   justify-self: left;
+}
 
+.validation-report__message {
   .validation-field_message {
     color: $black;
   }