diff --git a/src/components/controls/annotatedHeader.tsx b/src/components/controls/annotatedHeader.tsx index b6c592135..6b535c40e 100644 --- a/src/components/controls/annotatedHeader.tsx +++ b/src/components/controls/annotatedHeader.tsx @@ -12,20 +12,20 @@ type Props = { export const AnnotatedHeader = ({toggle=undefined, title, tooltip, mobile}: Props) => { return ( - - {toggle && {toggle}} +
{title} - - {tooltip && !mobile && ( - <> - - - - - {tooltip} - - - )} + {tooltip && !mobile && ( + <> + + + + + {tooltip} + + + )} +
+ {toggle !== undefined && toggle}
); }; diff --git a/src/components/controls/panel-toggle.tsx b/src/components/controls/panel-toggle.tsx index 0e76c8c09..58169ec89 100644 --- a/src/components/controls/panel-toggle.tsx +++ b/src/components/controls/panel-toggle.tsx @@ -24,7 +24,6 @@ const PanelToggle = ({ panel, on }: Props) => { on={on} callback={() => dispatch(togglePanelDisplay(panel))} label="" - style={{display: "inline"}} /> ); }; diff --git a/src/components/controls/styles.js b/src/components/controls/styles.js index 35fd430b0..2b6d1a475 100644 --- a/src/components/controls/styles.js +++ b/src/components/controls/styles.js @@ -40,8 +40,7 @@ export const HeaderTitle = styled.span` `; export const HeaderIconContainer = styled.span` - padding-top: 4px; - padding-right: 3px; + padding-left: 6px; cursor: help; color: #888; `;