diff --git a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue index b7fd1c854..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 { display: flex; - align-items: center; justify-content: space-between; align-items: baseline; } @@ -596,7 +598,8 @@ const viewContent = () => { margin-top: 1.33em; } -.deployment-summary { +.deployment-summary-title { + margin-block-start: 1.33em; margin-bottom: 5px; } @@ -635,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; } @@ -649,7 +653,7 @@ const viewContent = () => { } .progress-log-anchor { - margin-top: 5px; - margin-bottom: 0px; + margin-top: 0; + margin-bottom: 0; } diff --git a/extensions/vscode/webviews/homeView/src/style.css b/extensions/vscode/webviews/homeView/src/style.css index 7dd5579ec..9687e0d17 100644 --- a/extensions/vscode/webviews/homeView/src/style.css +++ b/extensions/vscode/webviews/homeView/src/style.css @@ -22,6 +22,14 @@ body { width: 100%; } +.flex-grow-0 { + flex-grow: 0; +} + +.flex-grow { + flex-grow: 1; +} + .text-sm { font-size: 11px; }