From 5088fc9948b0bf6e2e9fba4611181607965aa5f6 Mon Sep 17 00:00:00 2001
From: yackob03 <jacob.moshenko@gmail.com>
Date: Tue, 5 Nov 2013 16:05:38 -0500
Subject: [PATCH] Improve the responsiveness of the org-view a bit.

---
 static/css/quay.css           |  1 -
 static/partials/org-view.html | 14 +++++---------
 2 files changed, 5 insertions(+), 10 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 95cd591da..e23ece05e 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -1418,7 +1418,6 @@ p.editable:hover i {
 
 .org-view .header-col {
   color: #444;
-  padding-left: 30px;
 }
 
 .org-view .header-col dd {
diff --git a/static/partials/org-view.html b/static/partials/org-view.html
index cdf74e14d..8bae67fb0 100644
--- a/static/partials/org-view.html
+++ b/static/partials/org-view.html
@@ -9,9 +9,8 @@
 <div class="org-view container" ng-show="!loading && organization">
   <div class="organization-header" organization="organization"></div>
 
-  <div class="row visible-md visible-lg">
-    <div class="col-md-7"></div>
-    <div class="col-md-3 header-col" ng-show="organization.is_admin">
+  <div class="row hidden-xs">
+    <div class="col-md-4 col-md-offset-8 col-sm-5 col-sm-offset-7 header-col" ng-show="organization.is_admin">
       Team Permissions
       <i class="info-icon fa fa-info-circle" data-placement="bottom" data-original-title="" title=""
          data-content="Global permissions for the team and its members<br><br><dl><dt>Member</dt><dd>Permissions are assigned on a per repository basis</dd><dt>Creator</dt><dd>A team can create its own repositories</dd><dt>Admin</dt><dd>A team has full control of the organization</dd></dl>"></i>
@@ -20,7 +19,7 @@
 
   <div class="team-listing" ng-repeat="(name, team) in organization.teams">
     <div class="row">
-      <div class="col-md-7">
+      <div class="col-sm-7 col-md-8">
         <div class="team-title">
           <i class="fa fa-group"></i>
           <span ng-show="team.can_view">
@@ -34,12 +33,9 @@
         <div class="team-description markdown-view" content="team.description" first-line-only="true"></div>
       </div>
 
-      <div class="col-md-3 control-col" ng-show="organization.is_admin">
+      <div class="col-sm-5 col-md-4 control-col" ng-show="organization.is_admin">
         <span class="role-group" current-role="team.role" role-changed="setRole(role, team.name)" roles="teamRoles"></span>
-      </div>
-
-      <div class="col-md-1 control-col delete-col" ng-show="organization.is_admin">
-        <button class="btn btn-danger" ng-click="askDeleteTeam(team.name)">Delete Team</button>
+        <button class="btn btn-sm btn-danger" ng-click="askDeleteTeam(team.name)">Delete Team</button>
       </div>
     </div>
   </div>