Botao from Hell

dabblet.css

/**
 * Botao from Hell
 * Resolvido!
 * removi o height e coloquei só o line-height e ele ficou alinhado no Fx e Chrome
 */
.btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #515733;
  /* Old browsers */
  background: -moz-linear-gradient(top, #515733 50%, #767b5e 50%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #767b5e), color-stop(50%, #515733));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #767b5e 50%, #515733 50%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #515733 50%, #767b5e 50%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #515733 50%, #767b5e 50%);
  /* IE10+ */
  background: linear-gradient(to top, #515733 50%, #767b5e 50%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#515733', endColorstr='#767b5e', GradientType=0);
  min-width: 85px;
  line-height: 22px;
  margin: 0;
  padding: 0 10px;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-size: 13px;
  font-family: arial;
  cursor: pointer;
}

dabblet.html

<button class="btn">Adicionar</button>
<button class="btn">Buscar Produtos</button>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}