Fix text size rendering expectation results

trento-project · May 10, 2023 · 77aa0d3 · 77aa0d3
1 parent e0bfb5f
commit 77aa0d3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/assets/js/components/ExecutionResults/CheckResultDetail/ExpectationsResults.jsx b/assets/js/components/ExecutionResults/CheckResultDetail/ExpectationsResults.jsx
@@ -40,7 +40,7 @@ function ExpectationsResults({
         <div className="mt-3 text-red-500">{errorMessage}</div>
       ) : (
         <ListView
-          className="mt-3"
+          className="mt-3 text-sm"
           titleClassName="text-sm"
           orientation="horizontal"
           data={expectationsEvaluations}

diff --git a/assets/js/components/ExecutionResults/CheckResultDetail/ExpectedValues.jsx b/assets/js/components/ExecutionResults/CheckResultDetail/ExpectedValues.jsx
@@ -7,10 +7,12 @@ function ExpectedValues({ expectedValues = [], isError = false }) {
     <div className="w-full my-4 mr-4 bg-white shadow rounded-lg px-8 py-4">
       <div className="text-lg font-bold">Values</div>
       {isError ? (
-        <div className="mt-3 text-red-500">Expected Values unavailable</div>
+        <div className="mt-3 text-red-500 text-sm">
+          Expected Values unavailable
+        </div>
       ) : (
         <ListView
-          className="mt-3"
+          className="mt-3 text-sm"
           titleClassName="text-sm"
           orientation="horizontal"
           data={expectedValues.map(({ name, value }) => ({

diff --git a/assets/js/components/ExecutionResults/CheckResultDetail/GatheredFacts.jsx b/assets/js/components/ExecutionResults/CheckResultDetail/GatheredFacts.jsx
@@ -12,7 +12,7 @@ const gatheredFactsToListView = (gatheredFacts) =>
       type ? (
         <span className="text-red-500">{message}</span>
       ) : (
-        <FactValue className="text-sm" data={factValue} />
+        <FactValue data={factValue} />
       ),
   }));
 
@@ -22,12 +22,12 @@ function GatheredFacts({ isTargetHost = true, gatheredFacts = [] }) {
       <div className="text-lg font-bold">Facts</div>
 
       {gatheredFacts.length === 0 && (
-        <div className="mt-3 text-red-500">No facts were gathered</div>
+        <div className="mt-3 text-sm text-red-500">No facts were gathered</div>
       )}
 
       {isTargetHost && (
         <ListView
-          className="grid-flow-row mt-3"
+          className="grid-flow-row mt-3 text-sm"
           titleClassName="text-sm"
           orientation="horizontal"
           data={gatheredFactsToListView(gatheredFacts)}