ngbTooltip in Angularアイテムの中心にない

Question

アイテムの中央（センタートップ）にツールチップが表示されないのはなぜですか？あなたが上部中央

item

と同じの右側にもう少しそのを見ることができるように、ここで

は絵が...ある他の項目に..ですここでは次のようになります簡単にここ

item 2

を見るために私のhtmlコードです：

<button class="btn btn-icon coverage-item " 
     type="button" 
     placement="top" 
     ngbTooltip="Incendio"> 
    <img src="/assets/img/coverages/icon_thunderbolt.svg"/> 
</button> 

、これはSCSSコードです：

@import "~bootstrap/scss/_functions.scss"; 
@import "../../scss/variables"; 

.coverage-item { 
    background: $white; 
    border: 1.5px solid $brand-primary; 
    color: $gray-light; 
    height: 3.5rem; 
    width: 3.5rem; 
    position: relative; 
    font-size: 1.5rem; 
    padding: 0rem 0rem; 
} 

.coverage-item__new { 
    background: $white; 
    border: 1.5px dashed $gray-lighter; 
    color: $gray-light; 
    height: 3.5rem; 
    width: 3.5rem; 
    position: relative; 
    font-size: 1.5rem; 
    padding: 0rem 0rem; 

Answer 1

私はちょうど私のSCSSファイルにこのコードを追加し、それが働いています。

app-coverage-item { 
    .tooltip { 
    margin-left: -2px; 
    } 
}