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;
}