1.2.4 Персональная страница пользователя

Скажите пожалуйста, такая вот проблема, всё сделал, настроил как мне надо,но тут заметил косяк на Персональной странице пользователя. Кнопки заходят одна на другую скрин http://gyazo.com/c857616f9bb4cd048f4ae004139feed3
Не могу понять где настроить их размеры. Облазил уже всё. В account.css ни чего не меняет такого, где ещё искать не могу найти. Обновлять шаблон не хочу, так как опять возится всё ставить по новой.
Что посоветуете?
Стиль стоит KDark

Вот код account.css
.container {
display: table;
width: 100%;
zoom: 1;
}

.accountSideBar
{
width: 100px;
display: table-cell;
vertical-align: top;
*float: left;
}

.accountSideBar .heading
{
border-top-right-radius: 0;
margin: 10px 0px 0px;
}

.accountSideBar .primaryContent
{
font-size: 11px;
}

.accountSideBar .secondaryContent
{
font-weight: bold;
}

.accountSideBar a
{
display: block;
padding: 5px 10px;
}

.accountSideBar a:hover
{
background: @primaryLighterStill url('@imagePath/xenforo/KDark/bar.png') repeat-x 0 -140px;
color: @textCtrlBackground;
text-decoration: none;
}


.accountContent
{
display: table-cell;
vertical-align: top;
margin: 0;
*margin-left: 150px;
zoom: 1;
}

.accountContent .xenForm
{
margin-top: 0;
}

.xenForm.personalDetailsForm .StatusEditor
{
resize: vertical;
}

.xenForm.personalDetailsForm .statusEditorCounter
{
position: absolute;
top: 0px;
right: 0px;
}

.xenForm.personalDetailsForm .avatarEditor .avatar
{
float: left;
margin-right: 8px;
}

.xenForm.personalDetailsForm .avatarEditor .avatar:hover img
{
border-color: orange;
}

.xenForm.privacyForm .ctrl > ul select
{
margin-bottom: 8px;
}

div.tooltip
{
background-color: #900;
border: 1px solid #fff;
padding: 5px 15px;
width: 150px;
display: none;
color: #fff;
text-align: left;
font-size: 11px;
box-shadow: 0 0 10px #000000;
}

 

Серьезно думаете что кто-то станет разбираться в портянке стиля который вы выложили? Или даете ссылку на проблемную страницу в этой теме или самостоятельно используете инструменты разработчика браузера (встроенные или FireBug) и смотрите в чем беда.

 

Разбирался в разработчике браузера, толку нет. В разработчике менял всё работало, а найти css отвечающий за это не мог. Но я нашёл выход по другому. Я из стандартного стиля Hydrogen скопировал полностью account.css

Спойлер

<xen:include template="navigation_sidebar.css" />
.mainContentBlock .xenForm
{ margin-top: 0; }
.xenForm.personalDetailsForm .StatusEditor
{ resize: vertical; }
.xenForm.personalDetailsForm .statusEditorCounter
{ position: absolute; top: 0px; right: 0px; }
.xenForm.personalDetailsForm .avatarEditor .avatar
{ float: left; margin-right: 8px; }
.xenForm.personalDetailsForm .avatarEditor .avatar:hover img
{ border-color: orange; }
.xenForm.privacyForm .ctrl >
ul select { margin-bottom: 8px; }

Затем поменял в navigation_sidebar.css

Спойлер

.navigationSideBar .section{
margin: 0;
border:none;
}
.navigationSideBar .primaryContent{
border-right:none;
border-top:none;
border-left:none;
}
.navigationSideBar .section:first-child
{
margin-top: 0;
}

.navigationSideBar .section:last-child
{
margin-bottom: 0;
}




.navigationSideBar .primaryContent
{
font-size: 11px;

}

.navigationSideBar .secondaryContent
{
text-decoration: none;
}

.navigationSideBar a
{
display: block;
padding: 5px 10px;
word-wrap: normal;
overflow: hidden;
text-overflow: ellipsis;
}

.navigationSideBar a:hover
{
background: @primaryLighterStill url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
text-decoration: none;
}

.mainContentBlock
{
display: table-cell;
vertical-align: top;
margin: 0;
*margin-left: 150px;
zoom: 1;
padding-left: 10px;
padding-top: 10px;
}

И изменил вот это

Спойлер

.container
{ display: table;
table-layout: fixed;
width: 90%; - здесь было 150%
zoom: 1;

Итог скрин http://gyazo.com/5e726e9b29a2fcbbcce05cf25a7c76c2