[@mantine/core] Button: Fix incorrect overlap between buttons in Butt…

…on.Group for screens with low resolution (#1979)

* [@mantine/core] ButtonGroup: Fix overlap between buttons

* fix: add buttonBorderWidth

* fix: Change border size based on dpi

* fix: Change media query condition

* [@mantine/core] Fix incorrect media query

Co-authored-by: Vitaly Rtishchev <rtivital@gmail.com>

src/mantine-core/src/Button/ButtonGroup/ButtonGroup.styles.ts

@@ -33,6 +33,13 @@ export default createStyles(
           [orientation === 'vertical' ? 'borderBottomWidth' : 'borderRightWidth']:
             buttonBorderWidth / 2,
         },
+
+        '& + [data-button]': {
+          [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: -buttonBorderWidth,
+          '@media (min-resolution: 192dpi)': {
+            [orientation === 'vertical' ? 'marginTop' : 'marginLeft']: 0,
+          },
+        },
       },
     },
   })