From bf811cd1926beedf15f7270bad055c32a51fbfce Mon Sep 17 00:00:00 2001
From: Jordan Jensen <jordan.jensen@rstudio.com>
Date: Tue, 14 Jan 2025 13:44:51 -0800
Subject: [PATCH 1/3] Remove unnecessary align-items

---
 .../vscode/webviews/homeView/src/components/EvenEasierDeploy.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue
index b7fd1c854..74d61c0eb 100644
--- a/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue
+++ b/extensions/vscode/webviews/homeView/src/components/EvenEasierDeploy.vue
@@ -549,7 +549,6 @@ const viewContent = () => {
 
 .deployment-summary-container {
   display: flex;
-  align-items: center;
   justify-content: space-between;
   align-items: baseline;
 }

From c3f2a11b87f9637cf60ac1a02d1fb653283cb069 Mon Sep 17 00:00:00 2001
From: Jordan Jensen <jordan.jensen@rstudio.com>
Date: Tue, 14 Jan 2025 13:45:52 -0800
Subject: [PATCH 2/3] Add flex-grow CSS helpers

---
 extensions/vscode/webviews/homeView/src/style.css | 8 ++++++++
 1 file changed, 8 insertions(+)

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

From bb6c147af65ed8d875ace044f1c99a91d032ec10 Mon Sep 17 00:00:00 2001
From: Jordan Jensen <jordan.jensen@rstudio.com>
Date: Tue, 14 Jan 2025 13:46:42 -0800
Subject: [PATCH 3/3] Re-structure in progress state to be uniform

---
 .../src/components/EvenEasierDeploy.vue       | 59 ++++++++++---------
 1 file changed, 32 insertions(+), 27 deletions(-)

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 @@
     >
       <vscode-divider class="home-view-divider" />
 
-      <div v-if="home.publishInProgress">
-        <div class="deployment-in-progress-container">
-          <div class="progress-container">
-            <vscode-progress-ring class="progress-ring" />
-            <div class="progress-desc">
-              <div data-automation="deployment-progress">
-                Deployment in Progress...
-              </div>
-              <p class="progress-log-anchor">
-                <a
-                  class="webview-link"
-                  role="button"
-                  @click="onViewPublishingLog"
-                  >View Log</a
+      <div
+        v-if="home.publishInProgress"
+        class="deployment-in-progress-container"
+      >
+        <vscode-progress-ring class="progress-ring" />
+        <div class="flex-grow">
+          <div class="deployment-summary-container">
+            <div class="progress-container">
+              <div class="progress-desc">
+                <h4
+                  data-automation="deployment-progress"
+                  class="deployment-summary-title"
                 >
-              </p>
+                  Deployment in Progress...
+                </h4>
+              </div>
             </div>
+            <ActionToolbar
+              title="Logs"
+              :actions="[]"
+              :context-menu="contextMenuVSCodeContext"
+            />
           </div>
-          <ActionToolbar
-            title="Logs"
-            :actions="[]"
-            :context-menu="contextMenuVSCodeContext"
-          />
+          <p class="progress-log-anchor">
+            <a class="webview-link" role="button" @click="onViewPublishingLog">
+              View Log
+            </a>
+          </p>
         </div>
       </div>
       <div v-else>
@@ -154,7 +159,7 @@
           class="deployment-summary-container"
           data-automation="deploy-status"
         >
-          <h4 class="deployment-summary">
+          <h4 class="deployment-summary-title">
             {{ lastStatusDescription }}
           </h4>
           <ActionToolbar
@@ -543,8 +548,6 @@ const viewContent = () => {
 
 .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;
 }
 </style>