luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve publish button layout

Browse Source
This commit is contained in:
Thomas Nordquist
2019-07-17 16:35:47 +02:00
parent a2bdf71422
commit eac522fe63
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/Sidebar/Publish/Publish.tsx
View File

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