Change styling to always have scrollbar on search results

app/javascript/flavours/glitch/features/compose/components/search_results.js

@@ -125,10 +125,12 @@ class SearchResults extends ImmutablePureComponent {
           <FormattedMessage id='search_results.total' defaultMessage='{count, number} {count, plural, one {result} other {results}}' values={{ count }} />
         </header>
 
+        <div className='search-results__contents'>
           {accounts}
           {statuses}
           {hashtags}
         </div>
+      </div>
     );
   };
 }

app/javascript/flavours/glitch/styles/components/drawer.scss

@@ -115,8 +115,10 @@
 
 .drawer--results {
   background: $ui-base-color;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
 
   & > header {
     color: $dark-text-color;
@@ -125,6 +127,7 @@
     font-weight: 500;
     font-size: 16px;
     cursor: default;
+    flex: 0 0 auto;
 
     .fa {
       display: inline-block;
@@ -132,6 +135,11 @@
     }
   }
 
+  & > .search-results__contents {
+    overflow-x: hidden;
+    overflow-y: scroll;
+    flex: 1 1 auto;
+
     & > section {
       margin-bottom: 5px;
 
@@ -170,6 +178,7 @@
         }
       }
     }
+  }
 }
 
 .drawer__pager {