From dc05a4a11ddb8c517b5de7d82ec7388036545d18 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 14 May 2022 12:20:39 -0500
Subject: [PATCH] SearchResults: use padding, not margins

---
 .../compose/components/search_results.js      | 35 +++++++++----------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/app/soapbox/features/compose/components/search_results.js b/app/soapbox/features/compose/components/search_results.js
index b5fccc78b..05cbe2663 100644
--- a/app/soapbox/features/compose/components/search_results.js
+++ b/app/soapbox/features/compose/components/search_results.js
@@ -6,7 +6,6 @@ import ImmutablePureComponent from 'react-immutable-pure-component';
 import { FormattedMessage } from 'react-intl';
 import { defineMessages, injectIntl } from 'react-intl';
 
-import Pullable from 'soapbox/components/pullable';
 import ScrollableList from 'soapbox/components/scrollable_list';
 import PlaceholderAccount from 'soapbox/features/placeholder/components/placeholder_account';
 import PlaceholderHashtag from 'soapbox/features/placeholder/components/placeholder_hashtag';
@@ -151,24 +150,22 @@ class SearchResults extends ImmutablePureComponent {
         {this.renderFilterBar()}
 
         {noResultsMessage || (
-          <Pullable>
-            <ScrollableList
-              key={selectedFilter}
-              scrollKey={`${selectedFilter}:${value}`}
-              isLoading={submitted && !loaded}
-              showLoading={submitted && !loaded && results.isEmpty()}
-              hasMore={hasMore}
-              onLoadMore={this.handleLoadMore}
-              placeholderComponent={placeholderComponent}
-              placeholderCount={20}
-              className={classNames({
-                'divide-gray-200 dark:divide-slate-700 divide-solid divide-y': selectedFilter === 'statuses',
-                'space-y-4': selectedFilter === 'accounts',
-              })}
-            >
-              {searchResults}
-            </ScrollableList>
-          </Pullable>
+          <ScrollableList
+            key={selectedFilter}
+            scrollKey={`${selectedFilter}:${value}`}
+            isLoading={submitted && !loaded}
+            showLoading={submitted && !loaded && results.isEmpty()}
+            hasMore={hasMore}
+            onLoadMore={this.handleLoadMore}
+            placeholderComponent={placeholderComponent}
+            placeholderCount={20}
+            className={classNames({
+              'divide-gray-200 dark:divide-slate-700 divide-solid divide-y': selectedFilter === 'statuses',
+            })}
+            itemClassName={classNames({ 'pb-4': selectedFilter === 'accounts' })}
+          >
+            {searchResults}
+          </ScrollableList>
         )}
       </>
     );