diff --git a/CHANGELOG.md b/CHANGELOG.md index b336e137f..51f3ffc92 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,8 @@ # Changelog +* Moved the "Focus on Selected" toggle next to the "Show confidence intervals" toggle. + ([#1875](https://github.com/nextstrain/auspice/pull/1875)) + ## version 2.59.0 - 2024/10/22 diff --git a/src/components/controls/choose-explode-attr.js b/src/components/controls/choose-explode-attr.js index 86f6c8bf1..025181191 100644 --- a/src/components/controls/choose-explode-attr.js +++ b/src/components/controls/choose-explode-attr.js @@ -40,8 +40,8 @@ class ChooseExplodeAttr extends React.Component { return (
- - + + {t("sidebar:Explode Tree By")} {tooltip && !this.props.mobileDisplay && ( diff --git a/src/components/controls/choose-metric.js b/src/components/controls/choose-metric.js index ed970fd05..e4ff42596 100644 --- a/src/components/controls/choose-metric.js +++ b/src/components/controls/choose-metric.js @@ -52,7 +52,7 @@ class ChooseMetric extends React.Component { {this.props.showTreeToo ? null : ( -
+
- + diff --git a/src/components/controls/toggle.js b/src/components/controls/toggle.js index 18c355ac1..ee536aa4d 100644 --- a/src/components/controls/toggle.js +++ b/src/components/controls/toggle.js @@ -6,6 +6,7 @@ import { SidebarSubtitle } from "./styles"; const ToggleContainer = styled.div` // Same as ToggleBackground, necessary for panel toggles. height: 21px; + position: relative; ` const ToggleBackground = styled.label` @@ -31,7 +32,10 @@ const ToggleSubtitle = styled(SidebarSubtitle)` const ExperimentalIcon = styled.span` color: ${(props) => props.theme.color}; - margin-right: 5px; + font-size: 10px; + position: absolute; + left: -12px; + top: 6px; ` const Slider = styled.div`