Картинки званий в Prosilver

[Вчерашний борщ]

На узких экранах у просильвера аватарки уменьшаются, картинки званий не меняют размер. Все это смотрится так, как будто про них просто забыли. По хорошему, мне бы хотелось, чтобы картинки званий были в одну строку с аватаром и размером не больше уменьшеного варианта аватара.
Как сейчас:

zvania.jpg

[Татьяна5]

Для .profile-rank img в @media можно прописать что угодно

[Вчерашний борщ]

Татьяна5, размер уменьшила, как перевести картинку в одну строку с аватаром не знаю. Чтобы было столбец: аватар, столбец: имя, звание, столбец: картинка звания. Сейчас все в два столбца.

[Татьяна5]

С float и отрицательным margin можно поиграться

[Вчерашний борщ]

Что-то я не понимаю. profile-rank блочный элемент dd, картинку звания я не смогу поднять выше верхней границы блока, а высота блока начинается под username, будет обрезаться. Вровень с аватаром не сделать или я не понимаю как подступиться. Пока даже не могу перепрыгнуть через перевод строки между названием звания и самой картинкой, правкой через таблицу стиля.

[Татьяна5]

Код: Выделить всё

.profile-rank {
    margin-top: -20px !important;
    padding-top: 20px;
    width: 250px;
}

.profile-rank > img {
    float: right;
    margin-top: -24px;
}

Числа подбираются "на вкус и цвет"

[Вчерашний борщ]

Татьяна5, понятно, спасибо. (отдельно за терпение)