From 1c05c0dcbb26695c46bf90f17f7fc93d84508a99 Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Mon, 26 Sep 2022 10:21:01 +0200
Subject: [PATCH] ui: fix

---
 .../src/routes/applications/[id]/configuration/source.svelte  | 4 ++--
 apps/ui/src/routes/applications/[id]/logs/build.svelte        | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/ui/src/routes/applications/[id]/configuration/source.svelte b/apps/ui/src/routes/applications/[id]/configuration/source.svelte
index b88ce3b1f..5d3e9ce69 100644
--- a/apps/ui/src/routes/applications/[id]/configuration/source.svelte
+++ b/apps/ui/src/routes/applications/[id]/configuration/source.svelte
@@ -98,7 +98,7 @@
 				</div>
 			</div>
 		{:else}
-			<div class="flex flex-col justify-center">
+			<div class="flex flex-col lg:flex-row lg:flex-wrap justify-center">
 				{#each ownSources as source}
 					<div class="p-2 relative">
 						<div class="absolute -m-4">
@@ -142,7 +142,7 @@
 							<button
 								disabled={source.gitlabApp && !source.gitlabAppId}
 								type="submit"
-								class="disabled:opacity-95 bg-coolgray-200 disabled:text-white box-selection hover:bg-orange-700 group"
+								class="disabled:opacity-95 bg-coolgray-200 disabled:text-white box-selection hover:bg-orange-700 group w-full lg:w-96"
 								class:border-red-500={source.gitlabApp && !source.gitlabAppId}
 								class:border-0={source.gitlabApp && !source.gitlabAppId}
 								class:border-l-4={source.gitlabApp && !source.gitlabAppId}
diff --git a/apps/ui/src/routes/applications/[id]/logs/build.svelte b/apps/ui/src/routes/applications/[id]/logs/build.svelte
index 09560a6fe..79697713f 100644
--- a/apps/ui/src/routes/applications/[id]/logs/build.svelte
+++ b/apps/ui/src/routes/applications/[id]/logs/build.svelte
@@ -148,8 +148,8 @@
 					class="flex cursor-pointer items-center justify-center py-4 no-underline transition-all duration-150 hover:bg-coolgray-300 hover:shadow-xl"
 					class:bg-coolgray-200={$selectedBuildId === build.id}
 				>
-					<div class="flex-col px-2 text-center min-w-[6rem]">
-						<div class="text-sm font-bold">
+					<div class="flex-col px-2 text-center min-w-[10rem]">
+						<div class="text-sm font-bold truncate">
 							{build.branch || application.branch}
 						</div>
 						<div class="text-xs">