diff --git a/app/soapbox/features/ui/components/features_panel.js b/app/soapbox/features/ui/components/features_panel.js
new file mode 100644
index 000000000..9dbba637d
--- /dev/null
+++ b/app/soapbox/features/ui/components/features_panel.js
@@ -0,0 +1,59 @@
+import React from 'react';
+import Icon from 'soapbox/components/icon';
+import { Link } from 'react-router-dom';
+
+export default class FeaturesPanel extends React.PureComponent {
+
+ render() {
+ return (
+
+
+
+
+
+
+ Edit Profile
+
+
+
+
+
+
+ Messages
+
+
+
+
+
+
+ Bookmarks
+
+
+
+
+
+
+ Lists
+
+
+
+
+
+
+ Security
+
+
+
+
+
+
+ Preferences
+
+
+
+
+
+ );
+ }
+
+}
diff --git a/app/soapbox/pages/home_page.js b/app/soapbox/pages/home_page.js
index eeeafede9..81f2c93e3 100644
--- a/app/soapbox/pages/home_page.js
+++ b/app/soapbox/pages/home_page.js
@@ -4,6 +4,7 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
import WhoToFollowPanel from '../features/ui/components/who_to_follow_panel';
import TrendsPanel from '../features/ui/components/trends_panel';
import LinkFooter from '../features/ui/components/link_footer';
+import FeaturesPanel from '../features/ui/components/features_panel';
import PromoPanel from '../features/ui/components/promo_panel';
import UserPanel from '../features/ui/components/user_panel';
import FundingPanel from '../features/ui/components/funding_panel';
@@ -42,8 +43,6 @@ class HomePage extends ImmutablePureComponent {
@@ -69,6 +68,9 @@ class HomePage extends ImmutablePureComponent {
{/* */}
{features.trends && }
{features.suggestions && }
+
+
+
diff --git a/app/styles/components/wtf-panel.scss b/app/styles/components/wtf-panel.scss
index 37566af47..a555e9490 100644
--- a/app/styles/components/wtf-panel.scss
+++ b/app/styles/components/wtf-panel.scss
@@ -8,6 +8,10 @@
box-sizing: border-box;
background: var(--foreground-color);
+ &:first-child {
+ margin-top: 0;
+ }
+
&:not(:last-of-type) {
margin-bottom: 10px;
}
diff --git a/app/styles/donations.scss b/app/styles/donations.scss
index b108949c1..bb4798f1d 100644
--- a/app/styles/donations.scss
+++ b/app/styles/donations.scss
@@ -169,7 +169,7 @@ body.admin {
}
.funding-panel {
- margin: 20px 0;
+ margin-top: 15px;
strong {
font-weight: bold;