Improve styling

cultuurnet · Oct 11, 2024 · 4846c40 · 4846c40
1 parent c9dcdac
commit 4846c40
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/pages/dashboard/DashboardRow.tsx b/src/pages/dashboard/DashboardRow.tsx
@@ -170,22 +170,21 @@ export const DashboardRow = ({
               </Inline>
             </Stack>
           )}
-          {score && (
-            <Inline
-              width="22.5%"
-              justifyContent="flex-start"
-              alignItems="center"
-            >
-              <DynamicBarometerIcon
-                minimumScore={minimumScore}
-                score={score}
-                size={30}
-                margin={{ top: 0.0, bottom: 0.05, left: 0.4, right: 0.4 }}
-                pointerWidth={100}
-              />
-              <Text marginLeft={3}>{`${score} / 100`}</Text>
-            </Inline>
-          )}
+          <Inline
+            width="22.5%"
+            justifyContent="flex-start"
+            alignItems="center"
+            css={!score && `visibility: hidden`}
+          >
+            <DynamicBarometerIcon
+              minimumScore={minimumScore}
+              score={score}
+              size={30}
+              margin={{ top: 0.0, bottom: 0.05, left: 0.4, right: 0.4 }}
+              pointerWidth={100}
+            />
+            <Text marginLeft={3}>{`${score} / 100`}</Text>
+          </Inline>
           <Inline width="22.5%" justifyContent="flex-start" alignItems="center">
             <StatusIndicator label={status.label} color={status.color} />
           </Inline>