UI revamp for tin

[JasonGrace2282]

Currently a WIP.

Hopefully resolves #10

[JasonGrace2282]

Marking this as Ready for Review, unless I think of some better thing to do.

[krishnans2006]

Great work! It looks a lot better than it does right now :). My one concern (which permeates through the comments I've left below) is the fact that important fields are tucked away into collapsed sections.

Currently, I think it's fine for all fields to be expanded by default (we've got enough screen real estate). However, this may change after #9, so make sure you're not counting on it.

Therefore, a structural revamp of AssignmentForm.sections might be necessary for better organization. I've also talked about that below.

[JasonGrace2282]

I've left it so that Environment Setup is open by default (looks better that way imo).
In terms of looks and colors, I'm not very good with that xD. Do you have any ideas on how you might want it to look?

[krishnans2006]

Nice work! The backend implementation looks solid. I've got a few (minor) UI changes, though:

An interesting side-effect of your change is that resizing the description textarea now looks weird if it extends into the right column. So, I'd recommend the following textarea changes alongside this PR:

• Limit its max resize width to the width of the column div (I believe max-width: 90% should be close enough)
• Set it to max width by default (width: 90%?)
• Make it a bit taller to use more free space (17rows/300px seems reasonable)

Additionally, these:

[ksquaring]

Please make it such that I can click the submit button on the assignment creation screen without expanding stuff thank you

[krishnans2006]

Amazing progress! The box shadow is a great touch.

A few more UI bugs/improvements:

[krishnans2006]

See my latest commit - it's not perfect by any means, but it's what I could get in ~30 minutes.

I'll approve the PR so you can merge it in when ready, but feel free to test out my changes and make additional ones as you see fit.

Outdated