diff --git a/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js b/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js index 0305268b0..a9af2c57c 100644 --- a/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js +++ b/app/soapbox/features/remote_timeline/components/pinned_hosts_picker.js @@ -16,7 +16,7 @@ const mapStateToProps = state => { }; }; -class PinnedHostPicker extends React.PureComponent { +class PinnedHostsPicker extends React.PureComponent { static contextTypes = { router: PropTypes.object, @@ -34,18 +34,16 @@ class PinnedHostPicker extends React.PureComponent { if (!pinnedHosts || pinnedHosts.isEmpty()) return null; return ( -
-
- {pinnedHosts.map(host => ( -
- {host} -
- ))} -
+
+ {pinnedHosts.map(host => ( +
+ {host} +
+ ))}
); } } -export default connect(mapStateToProps)(PinnedHostPicker); +export default connect(mapStateToProps)(PinnedHostsPicker); diff --git a/app/styles/components/accordion.scss b/app/styles/components/accordion.scss index ccc9471f1..2bb5a5fc3 100644 --- a/app/styles/components/accordion.scss +++ b/app/styles/components/accordion.scss @@ -1,5 +1,5 @@ .explanation-box { - margin: 5px 20px; + padding: 5px 20px; } .accordion { diff --git a/app/styles/components/columns.scss b/app/styles/components/columns.scss index 726f9f40b..98eae8717 100644 --- a/app/styles/components/columns.scss +++ b/app/styles/components/columns.scss @@ -902,3 +902,7 @@ border-top-right-radius: 0; } } + +.column .explanation-box { + background: var(--foreground-color); +}