Updated margin, padding and alignment classes to the new bootstrap 5 approach

test/domains/DomainSelector.test.tsx

@@ -54,7 +54,7 @@ describe('<DomainSelector />', () => {
   });
 
   it.each([
-    [ 0, 'default.com<span class="float-right text-muted">default</span>' ],
+    [ 0, 'default.com<span class="float-end text-muted">default</span>' ],
     [ 1, 'foo.com' ],
     [ 2, 'bar.com' ],
   ])('shows expected content on every item', (index, expectedContent) => {

test/short-urls/helpers/ShortUrlFormCheckboxGroup.test.tsx

@@ -6,7 +6,7 @@ import { InfoTooltip } from '../../../src/utils/InfoTooltip';
 describe('<ShortUrlFormCheckboxGroup />', () => {
   it.each([
     [ undefined, '', 0 ],
-    [ 'This is the tooltip', 'mr-2', 1 ],
+    [ 'This is the tooltip', 'me-2', 1 ],
   ])('renders tooltip only when provided', (infoTooltip, expectedClassName, expectedAmountOfTooltips) => {
     const wrapper = shallow(<ShortUrlFormCheckboxGroup infoTooltip={infoTooltip} />);
     const checkbox = wrapper.find(Checkbox);

test/utils/CopyToClipboardIcon.test.tsx

@@ -22,6 +22,6 @@ describe('<CopyToClipboardIcon />', () => {
     expect(copyToClipboard.prop('onCopy')).toEqual(onCopy);
     expect(icon).toHaveLength(1);
     expect(icon.prop('icon')).toEqual(copyIcon);
-    expect(icon.prop('className')).toEqual('ml-2 copy-to-clipboard-icon');
+    expect(icon.prop('className')).toEqual('ms-2 copy-to-clipboard-icon');
   });
 });

test/utils/table/TableOrderIcon.test.tsx

@@ -36,7 +36,7 @@ describe('<TableOrderIcon />', () => {
   });
 
   it.each([
-    [ undefined, 'ml-1' ],
+    [ undefined, 'ms-1' ],
     [ 'foo', 'foo' ],
     [ 'bar', 'bar' ],
   ])('renders expected classname', (className, expectedClassName) => {