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