From 4f747d9f8355f5b226ae29b8d63bd83e3886db58 Mon Sep 17 00:00:00 2001
From: Claire <claire.github-309c@sitedethib.com>
Date: Tue, 11 May 2021 21:16:24 +0200
Subject: [PATCH] Fix follow recommendations UI in advanced layout (#16215)
---
.../mastodon/features/follow_recommendations/index.js | 2 +-
app/javascript/styles/mastodon/components.scss | 9 ++++++++-
2 files changed, 9 insertions(+), 2 deletions(-)
diff --git a/app/javascript/mastodon/features/follow_recommendations/index.js b/app/javascript/mastodon/features/follow_recommendations/index.js
index a35ff3e82..26c8b2471 100644
--- a/app/javascript/mastodon/features/follow_recommendations/index.js
+++ b/app/javascript/mastodon/features/follow_recommendations/index.js
@@ -76,7 +76,7 @@ class FollowRecommendations extends ImmutablePureComponent {
return (
<Column>
- <div className='scrollable'>
+ <div className='scrollable follow-recommendations-container'>
<div className='column-title'>
<Logo />
<h3><FormattedMessage id='follow_recommendations.heading' defaultMessage="Follow people you'd like to see posts from! Here are some suggestions." /></h3>
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss
index f1f975746..b0216f5ab 100644
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -2508,13 +2508,20 @@ a.account__display-name {
}
}
+.follow-recommendations-container {
+ display: flex;
+ flex-direction: column;
+}
+
.column-actions {
display: flex;
- align-items: center;
+ align-items: start;
justify-content: center;
padding: 40px;
padding-top: 40px;
padding-bottom: 200px;
+ flex-grow: 1;
+ position: relative;
&__background {
position: absolute;