изменить высоту ui.bootstrap.alert

Question

Я пытаюсь добавить ui.bootstrap.alert на основе этого примера: https://plnkr.co/edit/?p=preview.

Он работает нормально, как за исключением того, что он слишком большой для меня.

Так что я изменил высоту в CSS и вот новые выходные

.alert { 
    margin-bottom: 1px; 
    height: 30px; 
} 

Но теперь Sentance не в середине оповещения больше.

Как правильно изменить высоту оповещения? Благодаря!

Answer 1

Вам нужно будет изменить line-height и padding для этой работы

.alert { 
    margin-bottom: 1px; 
    height: 30px; 
    line-height:30px; 
    padding:0px 15px; 
} 

http://codepen.io/nilestanner/pen/kkGoNO