Как изменить размер элемента-разделителя в ionic2

Question

Я новичок в кодировании, и сейчас я работаю с ionic 2, занимаясь некоторыми практическими приложениями. Проблема, с которой я сталкиваюсь, заключается в том, что я показываю popOver нажатием кнопки и внутри части заголовка, я пытаюсь использовать разделитель элементов между заголовком и субтитрами. Всякий раз, когда я пытаюсь переместить разделитель, чтобы получить его близко к названию это происходит:

Есть ли способ, чтобы удалить это пространство делителя или сделать его меньше, так что она не закрывает название и сделать его похожим подчеркиванием ??

EDIT: вот код внутри.

popover.html

<ion-row> 
    <ion-title class="title">BRAND</ion-title> 
</ion-row> 

<ion-row> 
    <ion-col width-100 class="divider"> 
    <ion-item-divider></ion-item-divider> 
    </ion-col> 
</ion-row> 

<ion-row> 
    <ion-item class="subTitle"no-lines> 
    <p>Select your part</p> 
    </ion-item> 
</ion-row> 

и popover.ts

.title{ 
    text-align: center; 
    padding-top: 5px; 
    } 

    .divider{ 
    margin-top: -15px; 
    } 

    .poPosition{ 
    padding-top: 100px!important; 
    } 

Это все, что я использую в данный момент.

Answer 1

Я понял это с помощью инспектора элементов в FireFox. Мне пришлось изменить эти значения, чтобы изменить размер разделителя:

.item-inner{ 
min-height: 1px !important; 
} 

.label-md{ 
    margin-bottom: 1px!important; 
    margin-top: 1px!important; 
} 

ion-item-divider{ 
    margin-top: 0px; 
    min-height: 1px!important; 
}