Right now the Angular UI looks a lot better than what tkinter offered. However, there's still a lot of UI improvements that could be made.
TODO
[x] Fix "Apply now" button cutoff (Figure 1). The text "Apply now" and the logo to the right should fit inside the button and not be cut off when the title is longer.
[ ] Visually show that the internship card is clicked and selected when clicked (Figure 2). Right now, there is no indication that the internship card was clicked and selected. Maybe when it is clicked, show a light maroon color and some kind of card-click animation.
[x] Make only the internship-list component scrollable (Figure 3)- the internship-details component shouldn't scroll with it (i.e. make the internship-details component "stick" to the right side)
Notes
Figure 1. Notice that contents of the button are cut off.
Figure 2. The "Public Policy" internship was clicked but the user has no indication that it was clicked or that it is currently selected (other than the hover animation, but that only activates on hover event).
Figure 3. The internship details scroll as you scroll the page- only the internship cards should scroll.
Context
Right now the Angular UI looks a lot better than what
tkinteroffered. However, there's still a lot of UI improvements that could be made.TODO
internship-listcomponent scrollable (Figure 3)- theinternship-detailscomponent shouldn't scroll with it (i.e. make theinternship-detailscomponent "stick" to the right side)Notes
Figure 1. Notice that contents of the button are cut off.
Figure 2. The "Public Policy" internship was clicked but the user has no indication that it was clicked or that it is currently selected (other than the hover animation, but that only activates on hover event).
Figure 3. The internship details scroll as you scroll the page- only the internship cards should scroll.