From e7608d83bdea6f6ba684a109ada2be99a19425c4 Mon Sep 17 00:00:00 2001
From: Julianna Tetreault <32834804+juliannatetreault@users.noreply.github.com>
Date: Mon, 31 Aug 2020 12:44:30 -0600
Subject: [PATCH] Updates Recent Reactions UI to match Admin UI changes
 (#10109)

-Adds crayons styling to _negative_reactions.html.erb
  -Removes dead divs from template
---
 app/views/admin/users/_negative_reactions.html.erb | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/views/admin/users/_negative_reactions.html.erb b/app/views/admin/users/_negative_reactions.html.erb
index 01399504b..8ea3cf5e0 100644
--- a/app/views/admin/users/_negative_reactions.html.erb
+++ b/app/views/admin/users/_negative_reactions.html.erb
@@ -1,10 +1,9 @@
-<div class="row my-3">
-  <div class="col-12">
+<div class="crayons-card p-6">
+  <div>
     <h2 class="d-inline">Recent Reactions</h2>
     <button type="button" data-toggle="collapse" data-target="#reactions-row" class="btn btn-secondary float-right">Toggle</button>
   </div>
-  <div class="col-12 collapse" id="reactions-row">
-    <div class="list-group-flush">
+  <div class="pt-6 collapse" id="reactions-row">
     <% unless @related_vomit_reactions.empty? %>
       <% @related_vomit_reactions.each do |reaction| %>
         <a href="<%= reaction.reactable.path %>" class="list-group-item list-group-item-action px-5 d-flex justify-content-between">
@@ -16,6 +15,5 @@
       <% else %>
       <p><em>Nothing negative to see here! 👀</em></p>
     <% end %>
-    </div>
   </div>
 </div>