1084 card alignment in catalog home page

[minump]

Description

Catalog home page card alignment done. Search bar style changed Bookshelf image style changed home page container width increased to fit more cards.

The bookshelf image is shorter than the home page container width. Hence the blank space on the left and right sides.

Fixes #1084

Review Time Estimate

Please give your idea of how soon this pull request needs to be reviewed by selecting one of the options below. This can be based on the criticality of the issue at hand and/or other relevant factors.

• [ ] Immediately
• [x] Within a week
• [ ] When possible

Type of changes

Please select a relevant option:

• [x] Bug fix (non-breaking change which fixes an issue).
• [ ] New feature (non-breaking change which adds functionality).
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected).
• [x] Other (any another change that does not fall in one of the above categories.)

Checklist:

Please select all applicable options:

• [ ] I have signed the Rokwire Contributor License Agreement (CLA). (Any contributor who is not an employee of the University of Illinois whose official duties include contributing to the Rokwire software, or who is not paid by the Rokwire project, needs to sign the CLA before their contribution can be accepted.)
• [x] I have updated the CHANGELOG.
• [ ] I have read the Contributor Guidelines.
• [x] I have performed a self-review of my own code.
• [ ] I have commented my code, particularly in hard-to-understand areas.
• [ ] My change requires updating the documentation.
• [ ] I have made necessary changes to the documentation.
• [ ] I have added tests related to my changes.
• [ ] My changes generate no new warnings.
• [ ] New and existing unit tests pass locally with my changes.
• [ ] Any dependent changes have been merged and published in downstream modules.

---

[minump]

width : 975 px; margin-left:10px; Try this styling for card container in home page.

For the search textbox - have height of 40px (change from .form-control 48px height to 40px height); Or put a new line row after the search box div. Or add margin-top of 20px/18px for the myBtnContainer container class.

[minump]

Updated styling of catalog home page. Ready for review @sandeep-ps

[sandeep-ps]

Could you try without changing the height of the search box? (adding a blank line or adding a top margin for the main container) Since that's been standardized across all pages, that may be better.

[minump]

Could you try without changing the height of the search box? (adding a blank line or adding a top margin for the main container) Since that's been standardized across all pages, that may be better.

Updated. Removed height style css in search bar. Added space (margin-bottom ) before grid cards start.

[minump]

Merging to develop