Rearrange DVCLive examples in setup screen (#4055)

Author: mattseddon

webview/src/setup/components/experiments/Experiments.tsx

@@ -42,16 +42,16 @@ export const Experiments: React.FC<ExperimentsProps> = ({ isDvcSetup }) => {
   return (
     <EmptyState isFullScreen={false}>
       <h1>Setup Complete</h1>
-      <p>
-        Learn more about using DVCLive in the{' '}
-        <a href="https://dvc.org/doc/dvclive">docs</a>.
-      </p>
       <IconButton
         appearance="primary"
         icon={Beaker}
         onClick={showExperiments}
         text="Show Experiments"
       />
+      <p>
+        Learn more about using DVCLive in the{' '}
+        <a href="https://dvc.org/doc/dvclive">docs</a>.
+      </p>
       <DvcLiveExamples />
     </EmptyState>
   )

webview/src/setup/components/experiments/styles.module.scss

@@ -1,7 +1,7 @@
 @import '../../../shared/variables';
 
 .dvcLiveExamples {
-  margin-top: 40px;
+  margin-top: 20px;
 
   vscode-panels {
     width: max-content;