diff options
| -rw-r--r-- | packages/react-shared/src/components/anchor_title.tsx | 17 |
1 files changed, 7 insertions, 10 deletions
diff --git a/packages/react-shared/src/components/anchor_title.tsx b/packages/react-shared/src/components/anchor_title.tsx index 33bb3f684..f44354097 100644 --- a/packages/react-shared/src/components/anchor_title.tsx +++ b/packages/react-shared/src/components/anchor_title.tsx @@ -27,6 +27,12 @@ const styles: Styles = { transform: 'rotate(45deg)', cursor: 'pointer', }, + headers: { + WebkitMarginStart: 0, + WebkitMarginEnd: 0, + fontWeight: 'bold', + display: 'block', + }, h1: { fontSize: '1.8em', }, @@ -52,16 +58,7 @@ export class AnchorTitle extends React.Component<AnchorTitleProps, AnchorTitleSt opacity = this.state.isHovering ? 0.6 : 1; } return ( - <div - className="relative flex" - style={{ - ...styles[this.props.headerSize], - fontWeight: 'bold', - display: 'block', - WebkitMarginStart: 0, - WebkitMarginEnd: 0, - }} - > + <div className="relative flex" style={{ ...styles[this.props.headerSize], ...styles.headers }}> <div className="inline-block" style={{ paddingRight: 4 }}> {this.props.title} </div> |