BsPopover: improve display positioning

Author: ahmadfajar

src/components/Menu/dropdownMenu.scss

@@ -15,9 +15,9 @@
         }
     }
 
-    ~ .#{$prefix}btn-icon {
-        margin-left: $padding-xs;
-    }
+    // ~ .#{$prefix}btn-icon {
+    //     margin-left: $padding-xs;
+    // }
 }
 
 .#{$prefix}popover-dropdown-menu {

src/components/Popover/mixins/popoverApi.ts

@@ -60,7 +60,7 @@ function getPopoverLeftPosition(
             break;
         case 'top':
         case 'bottom':
-            offsetLeft = activatorRect.left + activatorRect.width / 2 - width / 2;
+            offsetLeft = activatorRect.left + (activatorRect.width / 2) - (width / 2);
             break;
         case 'bottom-left':
         case 'top-left':
@@ -71,6 +71,12 @@ function getPopoverLeftPosition(
             offsetLeft = activatorRect.left + activatorRect.width - width;
             break;
     }
+    
+    if (['top', 'top-left', 'bottom', 'bottom-left'].includes(placement as string)) {
+        if ((offsetLeft + width) >= (maxLeft + width)) {
+            offsetLeft = maxLeft;
+        }
+    }
 
     return Math.max(minLeft, offsetLeft);
 }