Estou tentando resolver um problema de desalinhamento no layout, que no Windows 10, com o Chrome mais recente ele muda o padding da altura de um botão. Este botão fica certinho no Mac OS Mojave, utilizando a mesma versão do Chrome, observe entre as imagens, a diferença:
.item-descritores {
display: -webkit-flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
text-align: center;
margin: auto -6% auto -6%;
position: relative;
z-index: 200;
}
.selo-descritores {
padding: 7px 10px 3px;
background: #d8d8d8;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-align: center;
font-size: 15px;
font-weight: bold;
margin: 4px;
color: #777;
border: none;
}
button {
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
color: buttontext;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: center;
align-items: flex-start;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
<div class="item-descritores" style="">
<button data-toggle="tooltip" title="" class="selo-descritores" style="">EF15LP03</button>
</div>