extjs - текст шрифта внутри шрифта правильно на кнопке меньшего размера

Question

В моем проекте extjs у меня есть кнопка меню внутри заголовка сетки. Я пытаюсь сделать шрифт помещенным внутри маленькой области кнопки. Похоже, чем больше я делаю текст, тем больше он движется вниз. Как я могу правильно вставить его в кнопку?

здесь вид

   xtype: 'grid', 
      itemId: 'detailsGridID', 
      bind: { 
       store: '{myDetailsStore}' 
      }, 
      header: { 
       items: [{ 
        xtype: 'button', 
        text: 'Trades', 
        width: 100, 
        height: 15, 
        cls: 'buttonTopdayCSS', 
        menu: [{ 
         text: 'Net', 
         handler: function() { 
          alert('click net'); 
         } 
        }, { 
         text: 'Topday', 
         handler: function() { 
          alert('click topday'); 
         } 
        }] 
       }] 

здесь класс CSS

.buttonTopdayCSS { 
background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a)); 
background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a); 
background-image: -moz-linear-gradient(top, #a7cfdf, #23538a); 
background-image: -ms-linear-gradient(top, #a7cfdf, #23538a); 
background-image: -o-linear-gradient(top, #a7cfdf, #23538a); 
background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a); 
} 

.buttonTopdayCSS .x-btn-inner { 
font-size: 10px !important; 
} 

Answer 1

Кнопки имеют scale configuration. Я бы попробовал это. Я хотел бы придерживаться стилей как можно меньше.

scale: 'large' 

Если это особый стиль является обязательным требованием в течение вашего приложения, а не только в этом месте, посмотрите на theming.