Tweaking spacing on narrower screens for bottom elements

Author: djanelle-mit

app/assets/stylesheets/partials/_results.scss

@@ -178,6 +178,17 @@
         // Put the sidebar items side by side when space is available
         #results-sidebar {
           flex-direction: row;
+          padding-bottom: 40px;
+          gap: 12px;
+          flex-basis: auto;
+
+          > div {
+            padding-right: 24px;
+          }
+        }
+
+        #callout-wrapper {
+          margin-bottom: 0;
         }
     }
 
@@ -186,12 +197,12 @@
 
       #results-sidebar {
         flex-direction: column;
+        gap: 32px;
       }
 
     }
   }
 
-
 }
 
 /* Callouts below results */

app/views/search/results.html.erb

@@ -47,11 +47,9 @@
 
     <% if @results.present? %>
       <%= render partial: "pagination" %>
-      <%= render partial: 'shared/ask', locals: { display: 'view-md' } %>
     <% end %>
   <% end %>
 
-  <%= render partial: 'shared/ask', locals: { display: 'aside' } if @results.blank? %>
 </div>
 
 <%= javascript_include_tag "filters" %>