From 8f135a1decd60ae34fd2d0508c4189934d4ae1f5 Mon Sep 17 00:00:00 2001
From: Brandon Keepers <brandon@opensoul.org>
Date: Sun, 3 Mar 2024 22:18:54 -0500
Subject: [PATCH] Tweak classes on feature list

---
 lib/flipper/ui/views/features.erb | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/lib/flipper/ui/views/features.erb b/lib/flipper/ui/views/features.erb
index 2dc8bba7..dba1d149 100644
--- a/lib/flipper/ui/views/features.erb
+++ b/lib/flipper/ui/views/features.erb
@@ -36,26 +36,24 @@
       </div>
     </div>
     <% @features.each do |feature| %>
-      <div class="feature list-group-item border-bottom">
+      <a href="<%= "#{script_name}/features/#{feature.key}" %>" class="list-group-item list-group-item-action">
         <div class="row align-items-center">
           <div class="col-1 text-center">
             <span class="status <%= feature.color_class %>" data-bs-toggle="tooltip" title=<%= feature.state.to_s.capitalize %>></span>
           </div>
           <div class="col-11">
-            <a href="<%= "#{script_name}/features/#{feature.key}" %>" class="d-block text-start btn text-dark">
-              <div class="text-truncate" style="font-weight: 500"><%= feature.key %></div>
-              <% if Flipper::UI.configuration.show_feature_description_in_list? && Flipper::UI::Util.present?(feature.description) %>
-                <div class="text-muted fw-light" style="line-height: 1.4; white-space: initial; padding: 8px 0">
-                  <%== Sanitize.fragment(feature.description, Sanitize::Config::BASIC) %>
-                </div>
-              <% end %>
-              <div class="text-muted text-truncate">
-                <%== feature.gates_in_words %>
+            <div class="text-truncate" style="font-weight: 500"><%= feature.key %></div>
+            <% if Flipper::UI.configuration.show_feature_description_in_list? && Flipper::UI::Util.present?(feature.description) %>
+              <div class="text-muted fw-light" style="line-height: 1.4; white-space: initial; padding: 8px 0">
+                <%== Sanitize.fragment(feature.description, Sanitize::Config::BASIC) %>
               </div>
-            </a>
+            <% end %>
+            <div class="text-muted text-truncate">
+              <%== feature.gates_in_words %>
+            </div>
           </div>
         </div>
-      </div>
+      </a>
     <% end %>
   </div>
 <% end %>