Виктор Веденяпин: любая новая технология, с умом, до уровня крепкого среднячка, с ДЗ, большим количеством усердного кода (минимум 2-3 часа в день без выходных) - 3 мес.
Попробуйте вот что:
1. На родителя, который class="panel-body" - повесить font-size: 0;
2. на обертку, что съезжает - width: 70%;
3. Возвращаем фонт для потомка font-size: 10px;
На планшете встает на место. На мобиле - слетает.
НО у вас там этот элемент имеет стили заданные скриптом, инлайново. Боюсь вам придется сначала разобраться с этим.
feed4rz: если она не двигается, то у элементов, которые надо "вырезать", мы срезаем углы: нижний левый и правый соотв.
Это легко делается с помощью градиентов, а сама стрелка (див) позиционируется абсолютно внутри родителя (зачем вам кенвас?????) и "вкладывается" в образовавшийся срез. Если надо, чтобы "барабан" крутился, а стрелка была приклеена, то углы срезаются уже у следующей по счету пары. Это можно реализовать на скрипте.
Поставила контейнеру ширину и отняла, как вы и сказали!!!