Fix class names and move each class to its own file

1 files changed, 7 insertions, 5 deletions

diff --git a/app/views/projects/protected_branches/_branches_list.html.haml b/app/views/projects/protected_branches/_branches_list.html.haml
index dc471f515d4..777e96c073f 100644
--- a/app/views/projects/protected_branches/_branches_list.html.haml
+++ b/app/views/projects/protected_branches/_branches_list.html.haml
@@ -1,16 +1,18 @@
-.panel.panel-default
+.panel.panel-default.protected-branches-list
   - if @protected_branches.empty?
+    .panel-heading
+      %b Protected branch (#{@protected_branches.size})
     %p.settings-message.text-center
-      No branches are protected, protect a branch with the form above.
+      There are currently no protected braches, protect a branch with the form above.
   - else
     - can_admin_project = can?(current_user, :admin_project, @project)
 
-    %table.table.protected-branches-list.table-bordered
+    %table.table.table-bordered
       %colgroup
-        %col{ width: "20%" }
-        %col{ width: "30%" }
         %col{ width: "25%" }
+        %col{ width: "30%" }
         %col{ width: "25%" }
+        %col{ width: "20%" }
       %thead
         %tr
           %th Protected branch (#{@protected_branches.size})