aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--packages/react-shared/src/components/anchor_title.tsx17
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>