fix(PaginationV2): adjust spacing, resolves #778 (#844)

Author: rezak-otmani

src/components/PaginationV2/PaginationV2-test.js

@@ -60,7 +60,7 @@ describe('Pagination', () => {
 
       it('should label the dropdown', () => {
         const label = left.find('.bx--pagination__text').first();
-        expect(label.text()).toBe('Items per page:\u00a0\u00a0');
+        expect(label.text()).toBe('Items per page:');
       });
 
       it('should support translated label with colon', () => {
@@ -69,7 +69,7 @@ describe('Pagination', () => {
           .find('.bx--pagination__left')
           .find('.bx--pagination__text')
           .first();
-        expect(label.text()).toBe('foo\u00a0\u00a0');
+        expect(label.text()).toBe('foo');
       });
 
       it('should show the item range out of the total', () => {
@@ -98,7 +98,7 @@ describe('Pagination', () => {
 
         it('should label the dropdown', () => {
           const label = left.find('.bx--pagination__text').first();
-          expect(label.text()).toBe('Items per page:\u00a0\u00a0');
+          expect(label.text()).toBe('Items per page:');
         });
 
         it('should support translated label with colon', () => {
@@ -107,7 +107,7 @@ describe('Pagination', () => {
             .find('.bx--pagination__left')
             .find('.bx--pagination__text')
             .first();
-          expect(label.text()).toBe('foo\u00a0\u00a0');
+          expect(label.text()).toBe('foo');
         });
 
         it('should show the item range without the total', () => {

src/components/PaginationV2/PaginationV2.js

@@ -238,8 +238,9 @@ export default class PaginationV2 extends Component {
       <div className={classNames} {...other}>
         <div className="bx--pagination__left">
           <span className="bx--pagination__text">
-            {itemsPerPageFollowsText || `${itemsPerPageText}:`}&nbsp;&nbsp;
+            {itemsPerPageFollowsText || `${itemsPerPageText}:`}
           </span>
+
           <Select
             id={`bx-pagination-select-${inputId}`}
             labelText={itemsPerPageText}