From 90bb580e506f39e5d72f643f7e813709525cc4fb Mon Sep 17 00:00:00 2001
From: Andras Bacsai <andras.bacsai@gmail.com>
Date: Thu, 29 Sep 2022 13:23:29 +0200
Subject: [PATCH] ui: fixes

---
 .../[id]/configuration/_GithubRepositories.svelte      |  4 ++--
 .../[id]/configuration/_GitlabRepositories.svelte      | 10 ++++++----
 .../[id]/configuration/_PublicRepository.svelte        |  2 +-
 .../applications/[id]/configuration/repository.svelte  |  2 --
 apps/ui/src/tailwind.css                               |  2 +-
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/ui/src/routes/applications/[id]/configuration/_GithubRepositories.svelte b/apps/ui/src/routes/applications/[id]/configuration/_GithubRepositories.svelte
index 193b19791..4abf5787e 100644
--- a/apps/ui/src/routes/applications/[id]/configuration/_GithubRepositories.svelte
+++ b/apps/ui/src/routes/applications/[id]/configuration/_GithubRepositories.svelte
@@ -153,7 +153,7 @@
 {:else}
 	<form on:submit|preventDefault={handleSubmit} class="px-10">
 		<div class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center">
-				<div class="custom-select-wrapper"><label for="repository" class="pb-1">Repository</label>
+				<div class="custom-select-wrapper w-full"><label for="repository" class="pb-1">Repository</label>
 					<Select
 						placeholder={loading.repositories
 							? $t('application.configuration.loading_repositories')
@@ -168,7 +168,7 @@
 					/>
 				</div>
 				<input class="hidden" bind:value={selected.projectId} name="projectId" />
-				<div class="custom-select-wrapper"><label for="repository" class="pb-1">Branch</label>
+				<div class="custom-select-wrapper w-full"><label for="repository" class="pb-1">Branch</label>
 					<Select
 						placeholder={loading.branches
 							? $t('application.configuration.loading_branches')
diff --git a/apps/ui/src/routes/applications/[id]/configuration/_GitlabRepositories.svelte b/apps/ui/src/routes/applications/[id]/configuration/_GitlabRepositories.svelte
index 59b6b6c38..43c31fd01 100644
--- a/apps/ui/src/routes/applications/[id]/configuration/_GitlabRepositories.svelte
+++ b/apps/ui/src/routes/applications/[id]/configuration/_GitlabRepositories.svelte
@@ -328,8 +328,10 @@
 </script>
 
 <form on:submit={handleSubmit}>
-	<div class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center">
-		<div class="custom-select-wrapper">
+	<div
+		class="flex lg:flex-row flex-col lg:space-y-0 space-y-2 space-x-0 lg:space-x-2 items-center lg:justify-center lg:px-0 px-8"
+	>
+		<div class="custom-select-wrapper w-full">
 			<label for="groups" class="pb-1">Groups</label>
 			<Select
 				placeholder={loading.base
@@ -355,7 +357,7 @@
 				optionIdentifier="id"
 			/>
 		</div>
-		<div class="custom-select-wrapper">
+		<div class="custom-select-wrapper w-full">
 			<label for="projects" class="pb-1">Projects</label>
 			<Select
 				placeholder={loading.projects
@@ -381,7 +383,7 @@
 				isSearchable={true}
 			/>
 		</div>
-		<div class="custom-select-wrapper">
+		<div class="custom-select-wrapper w-full">
 			<label for="branches" class="pb-1">Branches</label>
 			<Select
 				placeholder={loading.branches
diff --git a/apps/ui/src/routes/applications/[id]/configuration/_PublicRepository.svelte b/apps/ui/src/routes/applications/[id]/configuration/_PublicRepository.svelte
index 0c10fa14a..28d0ef1ce 100644
--- a/apps/ui/src/routes/applications/[id]/configuration/_PublicRepository.svelte
+++ b/apps/ui/src/routes/applications/[id]/configuration/_PublicRepository.svelte
@@ -170,7 +170,7 @@
 				</button>
 			</div>
 			
-			<div class="custom-select-wrapper w-full">
+			<div class="custom-select-wrapper">
 				<Select
 					placeholder={loading.branches
 						? $t('application.configuration.loading_branches')
diff --git a/apps/ui/src/routes/applications/[id]/configuration/repository.svelte b/apps/ui/src/routes/applications/[id]/configuration/repository.svelte
index 4924afcce..c29788763 100644
--- a/apps/ui/src/routes/applications/[id]/configuration/repository.svelte
+++ b/apps/ui/src/routes/applications/[id]/configuration/repository.svelte
@@ -26,8 +26,6 @@
 </script>
 
 <script lang="ts">
-	import { t } from '$lib/translations';
-
 	export let application: any;
 	export let appId: string;
 	export let settings: any;
diff --git a/apps/ui/src/tailwind.css b/apps/ui/src/tailwind.css
index 30a70400f..5a906b585 100644
--- a/apps/ui/src/tailwind.css
+++ b/apps/ui/src/tailwind.css
@@ -43,7 +43,7 @@ textarea {
 }
 
 #svelte .custom-select-wrapper .selectContainer {
-	@apply h-12 w-96 rounded bg-coolgray-200 p-2 px-0 text-xs tracking-tight outline-none transition duration-150 hover:bg-coolgray-500 focus:bg-coolgray-500 md:text-sm ;
+	@apply h-12 rounded bg-coolgray-200 p-2 px-0 text-xs tracking-tight outline-none transition duration-150 hover:bg-coolgray-500 focus:bg-coolgray-500 md:text-sm ;
 }
 
 #svelte .listContainer {