From b79d6e9e64641184efb844e4aa6f7f9accf7c938 Mon Sep 17 00:00:00 2001
From: notil <38229170+Conjuringil@users.noreply.github.com>
Date: Sat, 5 Jun 2021 10:38:24 -0500
Subject: [PATCH] Minor UI fixes (#3366)

* Added same spacing as CPU graph to RAM graph
* Have the "New Database" button be on the right when on mobile
---
 resources/scripts/components/server/StatGraphs.tsx            | 2 +-
 .../components/server/databases/DatabasesContainer.tsx        | 4 ++--
 .../scripts/components/server/users/EditSubuserModal.tsx      | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/resources/scripts/components/server/StatGraphs.tsx b/resources/scripts/components/server/StatGraphs.tsx
index 2623b37b7..cccd199f7 100644
--- a/resources/scripts/components/server/StatGraphs.tsx
+++ b/resources/scripts/components/server/StatGraphs.tsx
@@ -96,7 +96,7 @@ export default () => {
 
         setCpu(
             new Chart(node.getContext('2d')!, chartDefaults({
-                callback: (value) => `${value}%`,
+                callback: (value) => `${value}%  `,
             })),
         );
     }, []);
diff --git a/resources/scripts/components/server/databases/DatabasesContainer.tsx b/resources/scripts/components/server/databases/DatabasesContainer.tsx
index dc097131b..14ffad7e2 100644
--- a/resources/scripts/components/server/databases/DatabasesContainer.tsx
+++ b/resources/scripts/components/server/databases/DatabasesContainer.tsx
@@ -62,7 +62,7 @@ export default () => {
                             </p>
                         }
                         <Can action={'database.create'}>
-                            <div css={tw`mt-6 sm:flex items-center justify-end`}>
+                            <div css={tw`mt-6 flex items-center justify-end`}>
                                 {(databaseLimit > 0 && databases.length > 0) &&
                                 <p css={tw`text-sm text-neutral-300 mb-4 sm:mr-6 sm:mb-0`}>
                                     {databases.length} of {databaseLimit} databases have been allocated to this
@@ -70,7 +70,7 @@ export default () => {
                                 </p>
                                 }
                                 {databaseLimit > 0 && databaseLimit !== databases.length &&
-                                    <CreateDatabaseButton css={tw`w-full sm:w-auto`}/>
+                                    <CreateDatabaseButton css={tw`flex justify-end mt-6`}/>
                                 }
                             </div>
                         </Can>
diff --git a/resources/scripts/components/server/users/EditSubuserModal.tsx b/resources/scripts/components/server/users/EditSubuserModal.tsx
index d7caf3a8f..3f2b8fe9f 100644
--- a/resources/scripts/components/server/users/EditSubuserModal.tsx
+++ b/resources/scripts/components/server/users/EditSubuserModal.tsx
@@ -99,7 +99,7 @@ const EditSubuserModal = ({ subuser }: Props) => {
                     <h2 css={tw`text-2xl`} ref={ref}>
                         {subuser ? `${canEditUser ? 'Modify' : 'View'} permissions for ${subuser.email}` : 'Create new subuser'}
                     </h2>
-                    <div>
+                      <div>
                         <Button type={'submit'} css={tw`w-full sm:w-auto`}>
                             {subuser ? 'Save' : 'Invite User'}
                         </Button>