From eac522fe632168d72aa539e938aa09de2a4734e2 Mon Sep 17 00:00:00 2001
From: Thomas Nordquist <xxnerowingerxx@gmail.com>
Date: Wed, 17 Jul 2019 16:35:47 +0200
Subject: [PATCH] Improve publish button layout

---
 app/src/components/Sidebar/Publish/Publish.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/src/components/Sidebar/Publish/Publish.tsx b/app/src/components/Sidebar/Publish/Publish.tsx
index 02a2db4..09be797 100644
--- a/app/src/components/Sidebar/Publish/Publish.tsx
+++ b/app/src/components/Sidebar/Publish/Publish.tsx
@@ -122,7 +122,7 @@ function EditorMode(props: {
     return (
       <Tooltip title="Format JSON">
         <Fab
-          style={{ width: '36px', height: '36px', marginLeft: '8px' }}
+          style={{ width: '36px', height: '36px', margin: '0 8px' }}
           onClick={formatJson}
           id="sidebar-publish-format-json"
         >
@@ -135,10 +135,10 @@ function EditorMode(props: {
   return useMemo(
     () => (
       <div style={{ marginTop: '16px' }}>
-        <div style={{ width: '100%', lineHeight: '64px' }}>
+        <div style={{ width: '100%', lineHeight: '64px', textAlign: 'center' }}>
           <EditorModeSelect value={props.editorMode} onChange={updateMode} />
           {renderFormatJson()}
-          <div style={{ float: 'right', marginRight: '16px' }}>
+          <div style={{ float: 'right' }}>
             <PublishButton publish={props.publish} />
           </div>
         </div>