fix(popover): added margin to arrow placement

Fixes #1845 Closes #1855
ng-bootstrap · Sep 15, 2017 · 2506ae4 · 2506ae4
1 parent ed88f72
commit 2506ae4
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/popover/popover.ts b/src/popover/popover.ts
@@ -38,6 +38,7 @@ let nextId = 0;
   styles: [`
     :host.bs-popover-top .arrow, :host.bs-popover-bottom .arrow {
       left: 50%;
+      margin-left: -5px;
     }
 
     :host.bs-popover-top-left .arrow, :host.bs-popover-bottom-left .arrow {
@@ -51,6 +52,7 @@ let nextId = 0;
 
     :host.bs-popover-left .arrow, :host.bs-popover-right .arrow {
       top: 50%;
+      margin-top: -5px;
     }
     
     :host.bs-popover-left-top .arrow, :host.bs-popover-right-top .arrow {