fix: UI

pnpm-lock.yaml

@@ -8,7 +8,7 @@ specifiers:
   '@sveltejs/kit': 1.0.0-next.303
   '@types/bcrypt': 5.0.0
   '@types/js-cookie': 3.0.1
-  '@types/js-yaml': ^4.0.5
+  '@types/js-yaml': 4.0.5
   '@types/node': 17.0.23
   '@types/node-forge': 1.0.1
   '@typescript-eslint/eslint-plugin': 4.31.1
@@ -19,8 +19,8 @@ specifiers:
   bullmq: 1.78.1
   compare-versions: 4.1.3
   cookie: 0.4.2
-  cooltipz-css: ^2.1.0
+  cooltipz-css: 2.1.0
-  cross-env: ^7.0.3
+  cross-env: 7.0.3
   cross-var: 1.1.0
   cuid: 2.1.8
   dayjs: 1.11.0
@@ -37,9 +37,9 @@ specifiers:
   js-yaml: 4.1.0
   jsonwebtoken: 8.5.1
   lint-staged: 12.3.7
-  mustache: ^4.2.0
+  mustache: 4.2.0
   node-forge: 1.3.0
-  p-limit: ^4.0.0
+  p-limit: 4.0.0
   postcss: 8.4.12
   prettier: 2.6.1
   prettier-plugin-svelte: 2.6.0
@@ -49,9 +49,9 @@ specifiers:
   svelte-check: 2.4.6
   svelte-kit-cookie-session: 2.1.2
   svelte-preprocess: 4.10.4
-  svelte-select: ^4.4.7
+  svelte-select: 4.4.7
   tailwindcss: 3.0.23
-  tailwindcss-scrollbar: ^0.1.0
+  tailwindcss-scrollbar: 0.1.0
   ts-node: 10.7.0
   tslib: 2.3.1
   typescript: 4.6.3

src/routes/applications/[id]/index.svelte

@@ -143,7 +143,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-5 px-6 font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Configuration
 		</div>

src/routes/applications/[id]/logs/build/index.svelte

@@ -86,7 +86,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-5 px-6 font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">Build Logs</div>
 		<span class="text-xs">{application.name} </span>
 	</div>

src/routes/applications/[id]/logs/index.svelte

@@ -69,7 +69,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-5 px-6 font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Application Logs
 		</div>

src/routes/applications/[id]/previews/index.svelte

@@ -50,7 +50,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-5 px-6 font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Preview Deployments
 		</div>

src/routes/applications/[id]/secrets/index.svelte

@@ -37,7 +37,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-5 px-6 font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">Secrets</div>
 		<span class="text-xs">{application.name} </span>
 	</div>

src/routes/applications/[id]/storage/index.svelte

@@ -37,7 +37,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-5 px-6 font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Persistent Storage
 		</div>

src/routes/databases/[id]/index.svelte

@@ -38,7 +38,7 @@
 </script>
 
 <div class="flex items-center space-x-2 p-6 text-2xl font-bold">
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Configuration
 		</div>

src/routes/services/[id]/index.svelte

@@ -43,12 +43,8 @@
 	}
 </script>
 
-<div
+<div class="flex h-20 items-center space-x-2 p-5 px-6 font-bold">
-	class="flex items-center space-x-2 p-5 px-6 font-bold"
+	<div class="-mb-5 flex-col">
-	class:p-5={service.fqdn}
-	class:p-6={!service.fqdn}
->
-	<div class="-mb-6 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">
 			Configuration
 		</div>

src/routes/services/[id]/secrets/index.svelte

@@ -41,7 +41,7 @@
 	class:p-5={service.fqdn}
 	class:p-6={!service.fqdn}
 >
-	<div class="-mb-6 flex-col">
+	<div class="-mb-5 flex-col">
 		<div class="md:max-w-64 truncate text-base tracking-tight md:text-2xl lg:block">Secrets</div>
 		<span class="text-xs">{service.name}</span>
 	</div>