From 91859101712ecfa90ec97f93164bddc04939b086 Mon Sep 17 00:00:00 2001
From: Kaname <56084970+kaname-png@users.noreply.github.com>
Date: Wed, 7 Sep 2022 00:20:15 +0000
Subject: [PATCH] fix(routes): ui from databases page

---
 .../src/routes/databases/[id]/_Databases/_CouchDb.svelte   | 4 ++--
 .../src/routes/databases/[id]/_Databases/_MariaDB.svelte   | 7 ++++---
 .../routes/databases/[id]/_Databases/_PostgreSQL.svelte    | 4 ++--
 apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte | 4 ++--
 4 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte
index ee4c433fe..3b8abc6e9 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_CouchDb.svelte
@@ -5,9 +5,9 @@
 </script>
 
 <div class="flex space-x-1 py-5 font-bold">
-	<div class="title">CouchDB</div>
+	<h1 class="title">CouchDB</h1>
 </div>
-<div class="space-y-2 px-10">
+<div class="space-y-2">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte
index 516e887e6..8bf341240 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_MariaDB.svelte
@@ -7,9 +7,9 @@
 </script>
 
 <div class="flex space-x-1 py-5 font-bold">
-	<div class="title">MariaDB</div>
+	<h1 class="title">MariaDB</h1>
 </div>
-<div class="space-y-2 px-10">
+<div class="space-y-2">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label
@@ -63,7 +63,8 @@
 	</div>
 	<div class="grid grid-cols-2 items-center">
 		<label for="rootUserPassword" class="text-base font-bold text-stone-100"
-			>{$t('forms.roots_password')} <Explainer explanation="Could be changed while the database is running." /></label
+			>{$t('forms.roots_password')}
+			<Explainer explanation="Could be changed while the database is running." /></label
 		>
 		<CopyPasswordField
 			disabled={!$status.database.isRunning}
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte
index 715ca3e1a..b39eed138 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_PostgreSQL.svelte
@@ -7,9 +7,9 @@
 </script>
 
 <div class="flex space-x-1 py-5 font-bold">
-	<div class="title">PostgreSQL</div>
+	<h1 class="title">PostgreSQL</h1>
 </div>
-<div class="space-y-2 px-10">
+<div class="space-y-2">
 	<div class="grid grid-cols-2 items-center">
 		<label for="defaultDatabase" class="text-base font-bold text-stone-100"
 			>{$t('database.default_database')}</label
diff --git a/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte b/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte
index 5e47684d0..90bbe1d5f 100644
--- a/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte
+++ b/apps/ui/src/routes/databases/[id]/_Databases/_Redis.svelte
@@ -7,9 +7,9 @@
 </script>
 
 <div class="flex space-x-1 py-5 font-bold">
-	<div class="title">Redis</div>
+	<h1 class="title">Redis</h1>
 </div>
-<div class="space-y-2 px-10">
+<div class="space-y-2">
 	<div class="grid grid-cols-2 items-center">
 		<label for="dbUserPassword" class="text-base font-bold text-stone-100"
 			>{$t('forms.password')}