fix alignment

This commit is contained in:
Sean Yesmunt 2020-08-05 13:19:15 -04:00
parent 1854710093
commit e64d925086
2 changed files with 11 additions and 7 deletions
ui/component
publishFile
publishForm

View file

@ -1,4 +1,5 @@
// @flow // @flow
import type { Node } from 'react';
import * as ICONS from 'constants/icons'; import * as ICONS from 'constants/icons';
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { regexInvalidURI } from 'lbry-redux'; import { regexInvalidURI } from 'lbry-redux';
@ -36,7 +37,7 @@ type Props = {
setPublishMode: string => void, setPublishMode: string => void,
setPrevFileText: string => void, setPrevFileText: string => void,
setAutoPopulateName: boolean => void, setAutoPopulateName: boolean => void,
header: any, header: Node,
}; };
function PublishFile(props: Props) { function PublishFile(props: Props) {
@ -331,14 +332,17 @@ function PublishFile(props: Props) {
return ( return (
<Card <Card
// icon={ICONS.PUBLISH}
disabled={disabled || balance === 0} disabled={disabled || balance === 0}
title={ title={
<React.Fragment> <div>
{header} {header}
{publishing && <Spinner type={'small'} />} {publishing && <Spinner type={'small'} />}
{inProgress && <Button button="close" label={__('Cancel')} icon={ICONS.REMOVE} onClick={clearPublish} />} {inProgress && (
</React.Fragment> <div>
<Button button="close" label={__('Cancel')} icon={ICONS.REMOVE} onClick={clearPublish} />
</div>
)}
</div>
} }
subtitle={isStillEditing && __('You are currently editing your upload.')} subtitle={isStillEditing && __('You are currently editing your upload.')}
actions={ actions={

View file

@ -302,7 +302,7 @@ function PublishForm(props: Props) {
autoPopulateName={autoPopulateNameFromTitle} autoPopulateName={autoPopulateNameFromTitle}
setAutoPopulateName={setAutoPopulateNameFromTitle} setAutoPopulateName={setAutoPopulateNameFromTitle}
header={ header={
<div> <>
{MODES.map((modeName, index) => ( {MODES.map((modeName, index) => (
<Button <Button
key={index} key={index}
@ -315,7 +315,7 @@ function PublishForm(props: Props) {
className={classnames('button-toggle', { 'button-toggle--active': mode === modeName })} className={classnames('button-toggle', { 'button-toggle--active': mode === modeName })}
/> />
))} ))}
</div> </>
} }
/> />
{!publishing && ( {!publishing && (