diff --git a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue index 74d61c0eb..945a38d95 100644 --- a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue +++ b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue @@ -124,29 +124,34 @@ > -
-
-
- -
-
- Deployment in Progress... -
-

- View Log + +

+
+
+
+

-

+ Deployment in Progress... +

+
+
- +

+ + View Log + +

@@ -154,7 +159,7 @@ class="deployment-summary-container" data-automation="deploy-status" > -

+

{{ lastStatusDescription }}

{ .deployment-in-progress-container { display: flex; - align-items: center; - justify-content: space-between; } .deployment-summary-container { @@ -595,7 +598,8 @@ const viewContent = () => { margin-top: 1.33em; } -.deployment-summary { +.deployment-summary-title { + margin-block-start: 1.33em; margin-bottom: 5px; } @@ -634,10 +638,11 @@ const viewContent = () => { display: flex; flex-direction: row; align-items: center; - margin-top: 10px; } .progress-ring { + flex-grow: 0; + margin-top: 1.33em; margin-right: 10px; } @@ -648,7 +653,7 @@ const viewContent = () => { } .progress-log-anchor { - margin-top: 5px; - margin-bottom: 0px; + margin-top: 0; + margin-bottom: 0; }