fix(frontend): responsiveness for BusDetailsCard component

Zapper9982 commented 1 month ago

Overview

This PR fixes or fixes part of #76 .
This PR does the following: Makes the BusDetailsCard component responsive .

Essential Checklist

[x] The PR title starts with "Fix #bugnum: ", followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with "Fix part of #bugnum: ...".)
[x] "Allow edits from maintainers" is checked. (See here for instructions on how to enable it.)
[ ] The PR is made from a branch that's not called "main/master".

Proof that changes are correct

## PR Pointers - If you need a review or an answer to a question, and don't have permissions to assign people, **leave a comment** like the following: "{{Question/comment}} @{{reviewer_username}} PTAL". - Never force push. If you do, your PR will be closed.

vercel[bot] commented 1 month ago

@Zapper9982 is attempting to deploy a commit to the Busify Team on Vercel.

A member of the Team first needs to authorize it.

Pratik2026 commented 1 month ago

@Zapper9982, you were not supposed to change the alignment. All the components should be in a single row for tablets & laptops just as they were previously. All you need to do is reduce the gap, icon size, and font size as required.

Furthermore, the divider is still not visible on the tablet.

Pratik2026 commented 1 month ago

Also, it is already mentioned in the contribution.md that the PR must be made from a separate branch instead of the main/master branch. Please read it carefully before making a PR.

Zapper9982 commented 1 month ago

ill Take care of it from the next time , also i shall fix the missing divider in tablet mode and the alignment of all components in the tablet and laptop mode

bsoc-bitbyte / busify