From 8fbd08003cf5ac65cfc7657134575587f5dbf5f9 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Tue, 18 Oct 2022 12:43:35 +0200
Subject: [PATCH] fixes

---
 .../routes/applications/[id]/__layout.svelte  | 43 ++++++++++---------
 apps/ui/src/routes/services/[id]/index.svelte | 11 ++++-
 2 files changed, 31 insertions(+), 23 deletions(-)

diff --git a/apps/ui/src/routes/applications/[id]/__layout.svelte b/apps/ui/src/routes/applications/[id]/__layout.svelte
index 697f49987..40ad9677c 100644
--- a/apps/ui/src/routes/applications/[id]/__layout.svelte
+++ b/apps/ui/src/routes/applications/[id]/__layout.svelte
@@ -319,27 +319,7 @@
 				Loading...
 			</button>
 		{:else if $status.application.overallStatus === 'healthy'}
-			<button
-				on:click={stopApplication}
-				type="submit"
-				disabled={!$isDeploymentEnabled}
-				class="btn btn-sm  gap-2"
-			>
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					class="w-6 h-6 text-error"
-					viewBox="0 0 24 24"
-					stroke-width="1.5"
-					stroke="currentColor"
-					fill="none"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				>
-					<path stroke="none" d="M0 0h24v24H0z" fill="none" />
-					<rect x="6" y="5" width="4" height="14" rx="1" />
-					<rect x="14" y="5" width="4" height="14" rx="1" />
-				</svg> Stop
-			</button>
+		
 			{#if application.buildPack !== 'compose'}
 				<button
 					on:click={restartApplication}
@@ -387,6 +367,27 @@
 
 				Force Redeploy
 			</button>
+			<button
+			on:click={stopApplication}
+			type="submit"
+			disabled={!$isDeploymentEnabled}
+			class="btn btn-sm  gap-2"
+		>
+			<svg
+				xmlns="http://www.w3.org/2000/svg"
+				class="w-6 h-6 text-error"
+				viewBox="0 0 24 24"
+				stroke-width="1.5"
+				stroke="currentColor"
+				fill="none"
+				stroke-linecap="round"
+				stroke-linejoin="round"
+			>
+				<path stroke="none" d="M0 0h24v24H0z" fill="none" />
+				<rect x="6" y="5" width="4" height="14" rx="1" />
+				<rect x="14" y="5" width="4" height="14" rx="1" />
+			</svg> Stop
+		</button>
 		{:else if $isDeploymentEnabled && !$page.url.pathname.startsWith(`/applications/${id}/configuration/`)}
 			{#if $status.application.overallStatus === 'degraded'}
 				<button
diff --git a/apps/ui/src/routes/services/[id]/index.svelte b/apps/ui/src/routes/services/[id]/index.svelte
index 3dc57682f..b604427c2 100644
--- a/apps/ui/src/routes/services/[id]/index.svelte
+++ b/apps/ui/src/routes/services/[id]/index.svelte
@@ -435,7 +435,6 @@
 					<div class="title font-bold pb-3">{template[oneService].name}</div>
 					<ServiceStatus id={oneService} />
 				</div>
-
 				<div class="grid grid-flow-row gap-2 px-4">
 					{#if template[oneService].environment.length > 0}
 						{#each template[oneService].environment as variable}
@@ -463,9 +462,17 @@
 										<option value="true">true</option>
 										<option value="false"> false</option>
 									</select>
+								{:else if variable.defaultValue === '$$generate_password'}
+									<CopyPasswordField
+										isPasswordField
+										readonly
+										disabled
+										name={variable.name}
+										id={variable.name}
+										value={variable.value}
+									/>
 								{:else}
 									<CopyPasswordField
-										isPasswordField={variable.defaultValue === '$$generate_password'}
 										readonly={isDisabled}
 										disabled={isDisabled}
 										name={variable.name}