Fix .panel-title style

Since .panel-heading is a bit different from bootstrap, using .panel-title for h3 looks different.

So with this .panel-title will look good again inheriting custom properties our app sets for .panel-heading

app/assets/stylesheets/framework/panels.scss

@@ -23,4 +23,9 @@
       margin-top: $gl-padding;
     }
   }
+
+  .panel-title {
+    font-size: inherit;
+    line-height: inherit;
+  }
 }

app/views/projects/protected_branches/_branches_list.html.haml

 .panel.panel-default.protected-branches-list
   - if @protected_branches.empty?
     .panel-heading
-      %b Protected branch (#{@protected_branches.size})
+      %h3.panel-title
+        Protected branch (#{@protected_branches.size})
     %p.settings-message.text-center
       There are currently no protected branches, protect a branch with the form above.
   - else

app/views/projects/protected_branches/_create_protected_branch.html.haml

 = form_for [@project.namespace.becomes(Namespace), @project, @protected_branch] do |f|
   .panel.panel-default
     .panel-heading
-      %b Protect a branch
+      %h3.panel-title
+        Protect a branch
     .panel-body
       .form-horizontal
         .form-group