From 9a402ab0b166f4f7d308e7447db8aa0fbcd7a281 Mon Sep 17 00:00:00 2001
From: Joseph Schorr <jschorr@gmail.com>
Date: Fri, 15 Aug 2014 21:00:12 -0400
Subject: [PATCH] Make the new team view UI to be properly reactive to the
 screen size

---
 static/css/quay.css                  | 8 ++++++--
 static/directives/team-view-add.html | 2 +-
 static/partials/team-view.html       | 9 +++++++++
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 4743b6e50..ce4a7cd7b 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -4624,7 +4624,7 @@ i.quay-icon {
   top: 2px;
 }
 
-.organization-header .popover-content  {
+.organization-header .popover-content {
   font-size: 14px;
   padding-top: 6px;
 }
@@ -4633,8 +4633,12 @@ i.quay-icon {
   background: white;
 }
 
-.organization-header .popover-content .help-text {
+.team-view-add-element .help-text {
   font-size: 13px;
   color: #ccc;
   margin-top: 10px;
 }
+
+.organization-header .popover-content {
+  min-width: 500px;
+}
\ No newline at end of file
diff --git a/static/directives/team-view-add.html b/static/directives/team-view-add.html
index 42503783c..5c9280076 100644
--- a/static/directives/team-view-add.html
+++ b/static/directives/team-view-add.html
@@ -1,4 +1,4 @@
-<div style="width: 500px">
+<div class="team-view-add-element">
   <div class="entity-search"
        namespace="orgname" placeholder="'Add a registered user or robot...'"
        entity-selected="addNewMember(entity)"
diff --git a/static/partials/team-view.html b/static/partials/team-view.html
index dd25960af..1765a7688 100644
--- a/static/partials/team-view.html
+++ b/static/partials/team-view.html
@@ -2,6 +2,7 @@
   <div class="team-view container">
     <div class="organization-header" organization="organization" team-name="teamname">
       <div ng-show="canEditMembers" class="side-controls">
+        <div class="hidden-sm hidden-xs">
         <button class="btn btn-success" data-trigger="click"
                 data-title="Add Team Member"
                 data-content-template="/static/directives/team-view-add.html" 
@@ -10,6 +11,7 @@
           <i class="fa fa-plus"></i>
           Add Team Member
         </button>
+        </div>
       </div>
     </div>
     
@@ -69,6 +71,13 @@
           </td>
         </tr>
       </table>
+
+      <div ng-show="canEditMembers">
+        <div class="visible-xs visible-sm">
+          <div ng-include="'/static/directives/team-view-add.html'"></div>
+        </div>
+      </div>
+
     </div>
   </div>
 </div>