Adjust styling

Author: robertbrignull

extensions/ql-vscode/src/view/variant-analysis/VariantAnalysisLoading.tsx

@@ -1,23 +1,28 @@
 import * as React from 'react';
 import styled from 'styled-components';
 
+const Container = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1em;
+  padding: 1em;
+`;
+
 const FirstRow = styled.div`
   font-size: x-large;
   font-weight: 600;
-  text-align: center;
-  margin-bottom: 0.5em;
 `;
 
 const SecondRow = styled.div`
-  text-align: center;
   color: var(--vscode-descriptionForeground);
 `;
 
 export const VariantAnalysisLoading = () => {
   return (
-    <div>
+    <Container>
       <FirstRow>We are getting everything ready</FirstRow>
       <SecondRow>Results will appear here shortly</SecondRow>
-    </div>
+    </Container>
   );
 };