message: Implements the more obvious edit button
diff: @@ -16,6 +16,7 @@ import BlockLightboxComments from 'react/components/BlockLightbox/components/Blo
  import Modal from 'react/components/UI/Modal/Portal';
  import ManageBlock from 'react/components/ManageBlock';
  import Icons from 'react/components/UI/Icons';
  +import GenericButton from 'react/components/UI/GenericButton';
  export default class BlockLightboxMetadataPane extends PureComponent {
  static propTypes = {
  @@ -59,20 +60,8 @@ export default class BlockLightboxMetadataPane extends PureComponent {
  verticalAlign="middle"
  >
  <span dangerouslySetInnerHTML={{ __html: block.title }} />
  -
  - {block.can.manage &&
  - <Link onClick={this.openManage} title="Edit" display="inline-flex" p={3}>
  - <Icons name="Pencil" size={4} color="gray.base" />
  - </Link>
  - }
  </Text>
  - {mode === 'manage' &&
  - <Modal onClose={this.closeModal}>
  - <ManageBlock block={block} onDone={this.closeModal} />
  - </Modal>
  - }
  -
  <Text f={1} lineHeight={2} color="gray.medium">
  <time
  dateTime={block.created_at_timestamp}
  @@ -116,6 +105,19 @@ export default class BlockLightboxMetadataPane extends PureComponent {
  <BlockLightboxActions block={block} />
  </Text>
  + {block.can.manage &&
  + <GenericButton mt={7} onClick={this.openManage} title="Edit" display="flex" f={2}>
  + <Icons name="Pencil" size="1rem" color="gray.base" mr={4} />
  + Edit block
  + </GenericButton>
  + }
  +
  + {mode === 'manage' &&
  + <Modal onClose={this.closeModal}>
  + <ManageBlock block={block} onDone={this.closeModal} />
  + </Modal>
  + }
  +
  <Query query={blockLightboxFoldQuery} variables={{ id: block.id }} ssr={false}>
  {({ loading, error, data }) => {
  if (error) {
  