@blazer05

Как выровнять кнопку корзины?

Здравствуйте.
В шаблоне есть такая конструкция
<div class="product-action">
	<div class="button-group">
		<div class="product-button-2">
		  <a href="#" type="submit" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></a>
			<a href="#" data-toggle="tooltip" title="Wishlist"><i class="fa fa-heart-o"></i></a>
			<a href="#" data-toggle="tooltip" title="Compare"><i class="fa fa-signal"></i></a>
		</div>
	</div>
</div>

мне нужно кнопку Add Cart обернуть в эту форму для передачи данных в корзину.
<form class="product-button" onsubmit="return addToCart(event)">
	<input type="hidden" name="product" value="{{ sale.slug }}">
	<button type="submit" data-toggle="tooltip" title="Add Cart"><i class="fa fa-shopping-cart"></i></button>
</form>

в итоге получаю как на картинке ниже
5c18d32f72050865354403.png
а должно быть так
5c18d343e5828963579302.png
как сделать эту маленькую кнопку добавления товара в корзину, чтоб она не ломала дизайн?
Посмотреть можно тут внизу страницы есть блок SALES BY CATEGORY в нем эта проблема.
  • Вопрос задан
  • 73 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
COSMOS Москва
от 100 000 до 120 000 руб.
от 70 000 до 120 000 руб.
Sveak Барнаул
от 50 000 руб.
19 марта 2019, в 21:07
9000 руб./за проект
19 марта 2019, в 21:06
3000 руб./за проект
19 марта 2019, в 21:00
60000 руб./за проект