fix: position loading spinner at top of item (#1564)

This is so that items near the bottom of the viewport can be seen to be loading, rather than looking like nothing is happening.
dhis2 · Feb 22, 2021 · 47c7647 · 47c7647
1 parent b8a92ae
commit 47c7647
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/cypress/integration/ui/view_dashboard.feature b/cypress/integration/ui/view_dashboard.feature
@@ -9,7 +9,7 @@ Feature: Viewing dashboards
 
     @nonmutating
     Scenario: I search for a dashboard
-        Given I open the "Delivery" dashboard
+        Given I open the "Antenatal Care" dashboard
         When I search for dashboards containing Immunization
         Then Immunization and Immunization data dashboards are choices
         When I press enter in the search dashboard field

diff --git a/src/components/Item/VisualizationItem/Visualization/styles/LoadingMask.module.css b/src/components/Item/VisualizationItem/Visualization/styles/LoadingMask.module.css
@@ -2,5 +2,5 @@
     display: flex;
     justify-content: center;
     height: 100%;
-    align-items: center;
+    margin-top: var(--spacers-dp8);
 }