From f8b4057b2659ce34c2a890c51bb03d95e1665e21 Mon Sep 17 00:00:00 2001
From: Joseph Schorr <jschorr@gmail.com>
Date: Sat, 11 Jan 2014 03:12:16 -0500
Subject: [PATCH] Fix new layout bugs

---
 static/css/quay.css            | 15 ++++++++++++++-
 static/partials/view-repo.html | 10 ++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/static/css/quay.css b/static/css/quay.css
index 4b86f03e9..f9d233e57 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -1211,13 +1211,26 @@ p.editable:hover i {
 
 .tag-image-sizes .tag-image-size {
   height: 22px;
+  position: relative;
+}
+
+.tag-image-sizes .tag-image-size .size-title {
+  position: absolute;
+  right: 0px;
+  top: 0px;
+  font-size: 12px;
+}
+
+.tag-image-sizes .tag-image-size .size-limiter {
+  display: inline-block;
+  padding-right: 90px;
+  width: 100%;
 }
 
 .tag-image-sizes .tag-image-size .size-bar {
   display: inline-block;
   background: steelblue;
   height: 12px;
-  margin-right: 90px;
 }
 
 #current-tag .control-bar {
diff --git a/static/partials/view-repo.html b/static/partials/view-repo.html
index 7ce2e6593..053bd2952 100644
--- a/static/partials/view-repo.html
+++ b/static/partials/view-repo.html
@@ -134,13 +134,15 @@ sudo docker push quay.io/{{repo.namespace}}/{{repo.name}}</pre>
                   
                   <div class="tag-image-sizes">
                     <div class="tag-image-size" ng-repeat="image in getImagesForTagBySize(currentTag) | limitTo: 10">
-                      <span class="size-bar" style="{{ 'width:' + (image.size / getTotalSize(currentTag)) * 100 + '%' }}"
-                            bs-tooltip="image.size | bytes"></span>
-                      <span class="right-title"><a href="javascript:void(0)" ng-click="setImage(image.id, true)">{{ image.id.substr(0, 12) }}</a></span>
+                      <span class="size-limiter">
+                        <span class="size-bar" style="{{ 'width:' + (image.size / getTotalSize(currentTag)) * 100 + '%' }}"
+                              bs-tooltip="image.size | bytes"></span>
+                      </span>
+                      <span class="size-title"><a href="javascript:void(0)" ng-click="setImage(image.id, true)">{{ image.id.substr(0, 12) }}</a></span>
                     </div>
                   </div>
 
-                  <div class="control-bar">
+                  <div class="control-bar" ng-show="repo.can_admin">
                     <button class="btn btn-default" ng-click="askDeleteTag(currentTag.name)">
                       Delete Tag
                     </button>