Better UX for managing teams

- Moves the add team member to an inline box, rather than a popup
- Feedback bar is now used to show when a member is added, invited or removed
- Fixes bugs around using the view on mobile

Fixes #1509

static/css/core-ui.css

@@ -1176,7 +1176,7 @@ a:focus {
 
 @media (max-width: 767px) {
   .co-table tr.indented-row td:first-child {
-    padding-left: 0px;
+    padding-left: 10px;
   }
 }
 

static/css/pages/team-view.css

@@ -1,5 +1,6 @@
 .team-view .co-main-content-panel {
   padding: 20px;
+  position: relative;
 }
 
 .team-view .team-title {
@@ -58,4 +59,10 @@
 
 .team-view .co-table-header-row:first-child td {
   padding-top: 10px !important;
+}
+
+.team-view .section-header {
+  text-align: left;
+  color: #aaa;
+  margin-bottom: 20px;
 }

static/css/quay.css

@@ -2456,34 +2456,6 @@ p.editable:hover i {
   min-height: 50px;
 }
 
-.team-view .panel {
-  display: inline-block;
-  width: 620px;
-}
-
-.team-view .entity {
-  font-size: 1.2em;
-  min-width: 510px;
-}
-
-.team-view .entity i {
-  margin-right: 6px;
-}
-
-.team-view .entity-search {
-  margin-top: 10px;
-}
-
-.team-view .delete-ui {
-  display: inline-block;
-  width: 78px;
-}
-
-.team-view .delete-ui i {
-  margin-top: 8px;
-  float: right;
-}
-
 .org-view .team-listing {
   padding: 4px;
 }