fix(cart): button alignment

Closes #1106
NCI-GDC · Jul 29, 2015 · 4c9675a · 4c9675a
1 parent 72dbf4a
commit 4c9675a
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 28 deletions.
diff --git a/app/scripts/cart/templates/cart.html b/app/scripts/cart/templates/cart.html
@@ -53,28 +53,31 @@ <h4 class="panel-title" data-translate>Notes</h4>
   </section>
 
   <section class="row items-pane" data-ng-if="cc.files.length">
-    <div class="button-row pull-right">
-        <a type="button"
-           class="btn btn-primary"
-           data-ng-click="cc.getManifest(true)"
-           id="manifest-button">
-          <i class="fa fa-file-code-o"></i>
-          <span data-translate>Download Manifest File</span>
-        </a>
-        <a type="button"
-           download-button-all-cart
-           id="download-all-button"
-           class="btn btn-primary">
-          <i class="fa fa-cloud-download"></i> <span data-translate>Download Cart (Web Browser)</span>
-        </a>
-        <button type="button"
-                class="btn btn-danger"
-                id="clear-button"
-                data-ng-click="cc.removeAll()">
-          <i class="fa fa-remove"></i>
-          <span data-translate>Clear Cart</span>
-        </button>
-        <div remove-unauthorized-files-button data-ng-if="cc.CartService.getUnauthorizedFiles().length"></div>
+    <div class="col-md-12 col-lg-12 col-sm-12">
+      <div class="pull-right">
+          <a type="button"
+             class="btn btn-primary"
+             data-ng-click="cc.getManifest(true)"
+             id="manifest-button">
+            <i class="fa fa-file-code-o"></i>
+            <span data-translate>Download Manifest File</span>
+          </a>
+          <a type="button"
+             download-button-all-cart
+             id="download-all-button"
+             class="btn btn-primary">
+            <i class="fa fa-cloud-download"></i> <span data-translate>Download Cart (Web Browser)</span>
+          </a>
+
+          <a type="button"
+                  class="btn btn-danger"
+                  id="clear-button"
+                  data-ng-click="cc.removeAll()">
+            <i class="fa fa-remove"></i>
+            <span data-translate>Clear Cart</span>
+          </a>
+          <remove-unauthorized-files-button data-ng-if="cc.CartService.getUnauthorizedFiles().length"></remove-unauthorized-files-button>
+        </div>
     </div>
   </section>
 

diff --git a/app/scripts/cart/templates/remove-unauthorized-files.button.html b/app/scripts/cart/templates/remove-unauthorized-files.button.html
@@ -1,11 +1,11 @@
-<div class="authorized-button">
-  <button id="remove-unauthorized-files-button" data-ng-if="files[0]" ng-click="remove()" type="button" class="btn btn-danger">
+<span class="authorized-button">
+  <a id="remove-unauthorized-files-button" data-ng-if="files[0]" ng-click="remove()" type="button" class="btn btn-danger">
     <i class="fa fa-remove"></i>
     <span data-translate>Remove Unauthorized Files from Cart</span>
-  </button>
+  </a>
 
 
-  <button data-ng-if="!files[0]" type="button" disabled class="btn btn-danger" data-translate>
+  <a data-ng-if="!files[0]" type="button" disabled class="btn btn-danger" data-translate>
     You have no unauthorized files in the cart
-  </button>
-</div>
+  </a>
+</span>