Improved cart button styling.

themes/bootstrap3/less/components/search.less

@@ -159,13 +159,14 @@ header .container.navbar { margin-bottom: 0; }
 .result-formats { margin-bottom: .5rem; }
 
 .btn-bookbag-toggle form { display: inline; }
-.btn-bookbag-toggle .fa { margin-right: .3rem; }
-.result .btn-bookbag-toggle .fa {
+.cart-link-icon.fa { margin-right: .3rem; }
+.result .cart-link-icon {
   color: @text-color;
   /* .fa-fw */
   width: 1.28571429em;
   text-align: center;
 }
+
 @media (min-width: 768px) {
   .result-body {
     float: left;

themes/bootstrap3/templates/record/cart-buttons.phtml

@@ -4,8 +4,8 @@
   <span class="btn-bookbag-toggle" data-cart-id="<?=$this->escapeHtmlAttr($this->id)?>" data-cart-source="<?=$this->escapeHtmlAttr($this->source)?>">
     <a class="cart-add hidden<? if(!$cart->contains($cartId)): ?> correct<? endif ?>">
       <i class="cart-link-icon fa fa-plus" title="<?=$this->transEsc('Add to Book Bag') ?>"></i><!--
-   --><span class="cart-link-label"><?=$this->transEsc('Add to Book Bag') ?></span>
-    </a>
+   --><span class="cart-link-label"><?=$this->transEsc('Add to Book Bag') ?></span><!--
+ --></a>
     <a class="cart-remove hidden<? if($cart->contains($cartId)): ?> correct<? endif ?>">
       <i class="cart-link-icon fa fa-minus-circle" title="<?=$this->transEsc('Remove from Book Bag') ?>"></i><!--
    --><span class="cart-link-label"><?=$this->transEsc('Remove from Book Bag') ?></span>