From 734bdc7b78d89a9dafe8abf250f12afc3ca3cc1e Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sun, 22 Mar 2020 14:14:11 -0700
Subject: [PATCH] Unify display with task rows

---
 .../server/databases/DatabaseRow.tsx          | 22 +++++++++----------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/resources/scripts/components/server/databases/DatabaseRow.tsx b/resources/scripts/components/server/databases/DatabaseRow.tsx
index 7a16202a..4b4b1d3b 100644
--- a/resources/scripts/components/server/databases/DatabaseRow.tsx
+++ b/resources/scripts/components/server/databases/DatabaseRow.tsx
@@ -140,21 +140,19 @@ export default ({ databaseId, className, onDelete }: Props) => {
                 <div className={'flex-1 ml-4'}>
                     <p className={'text-lg'}>{database.name}</p>
                 </div>
-                <div className={'ml-6'}>
-                    <p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Endpoint:</p>
-                    <p className={'text-center text-sm'}>{database.connectionString}</p>
+                <div className={'ml-8 text-center'}>
+                    <p className={'text-sm'}>{database.connectionString}</p>
+                    <p className={'mt-1 text-2xs text-neutral-500 uppercase select-none'}>Endpoint</p>
                 </div>
-                <div className={'ml-6'}>
-                    <p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>
-                        Connections From:
-                    </p>
-                    <p className={'text-center text-sm'}>{database.allowConnectionsFrom}</p>
+                <div className={'ml-8 text-center'}>
+                    <p className={'text-sm'}>{database.allowConnectionsFrom}</p>
+                    <p className={'mt-1 text-2xs text-neutral-500 uppercase select-none'}>Connections from</p>
                 </div>
-                <div className={'ml-6'}>
-                    <p className={'text-center text-xs text-neutral-500 uppercase mb-1 select-none'}>Username:</p>
-                    <p className={'text-center text-sm'}>{database.username}</p>
+                <div className={'ml-8 text-center'}>
+                    <p className={'text-sm'}>{database.username}</p>
+                    <p className={'mt-1 text-2xs text-neutral-500 uppercase select-none'}>Username</p>
                 </div>
-                <div className={'ml-6'}>
+                <div className={'ml-8'}>
                     <button className={'btn btn-sm btn-secondary mr-2'} onClick={() => setConnectionVisible(true)}>
                         <FontAwesomeIcon icon={faEye} fixedWidth={true}/>
                     </button>