Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Frontend - Improve space management #222

Open
arjunrkaushik opened this issue Dec 24, 2022 · 1 comment
Open

Frontend - Improve space management #222

arjunrkaushik opened this issue Dec 24, 2022 · 1 comment

Comments

@arjunrkaushik
Copy link

Is your feature request related to a problem? Please describe.
There is a lot of white space being wasted on either side of the form.

Describe the solution you'd like
Expand the form horizontally. Can have multiple columns of the fields rather than a single column.

Additional context
image

@ShivendraTrivedi
Copy link

Hey @arjunrkaushik
Can you assign me this issue?
My rough approach towards resovling the issue:

  1. Wrap the form fields in a container element such as a div.
  2. Set the width of the container element to a percentage of the total screen width, so that it expands horizontally.
  3. Divide the form fields into multiple columns using CSS float property and setting the width of each column.
  4. Add appropriate padding and margins to the form fields and container elements to maintain a consistent layout.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants