Show Flash message above Tags list

app/assets/javascripts/protected_tags/protected_tag_edit.js

@@ -43,7 +43,7 @@ export default class ProtectedTagEdit {
         },
       },
       error() {
-        new Flash('Failed to update tag!');
+        new Flash('Failed to update tag!', null, $('.js-protected-tags-list'));
       },
     }).always(() => {
       this.$allowedToCreateDropdownButton.enable();

app/assets/stylesheets/pages/projects.scss

@@ -782,6 +782,10 @@ pre.light-well {
     width: 100%;
     max-width: 300px;
   }
+
+  .flash-container {
+    padding: 0;
+  }
 }
 
 .custom-notifications-form {

app/views/projects/protected_tags/_tags_list.html.haml

@@ -1,4 +1,4 @@
-.panel.panel-default.protected-tags-list
+.panel.panel-default.protected-tags-list.js-protected-tags-list
   - if @protected_tags.empty?
     .panel-heading
       %h3.panel-title
@@ -21,6 +21,8 @@
           - if can_admin_project
             %th
       %tbody
+        %tr
+          %td.flash-container{ colspan: 4 }
         = render partial: 'projects/protected_tags/protected_tag', collection: @protected_tags, locals: { can_admin_project: can_admin_project}
 
     = paginate @protected_tags, theme: 'gitlab'