Merge pull request #855 from flippercloud/bs-5-tweaks

UI: Tweak classes on feature list
flippercloud · Mar 4, 2024 · 0e99629 · 0e99629
2 parents 7b870c6 + 8f135a1
commit 0e99629
Showing 1 changed file with 10 additions and 12 deletions.
diff --git 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 %>