In app.html: added inline styles to clear margin and padding on body. this will allow for easer css manip on all pages.
Added div container around form to center the content on the page and add padding
Translate Button: Added styling for disabled state and enabled state with transition between the two. Position is absolute with a negative z index, so the dropdowns cover the button. Positioning may need reworking down the line when microphone is introduced + dropdown overlapping is setup. (Not best practices, but my goal is to get through the primary styles for every page first, then come back and tweak changes, as the timeline is really tight if i am the only one doing css, especially with desktop).
Fixed how dropdown chevrons position is calculated, so it will always fit in the container. Before when centering the content it was aligned using "left: Xrem;" which caused variation when centered.
In app.html: added inline styles to clear margin and padding on body. this will allow for easer css manip on all pages.
Added div container around form to center the content on the page and add padding
Translate Button: Added styling for disabled state and enabled state with transition between the two. Position is absolute with a negative z index, so the dropdowns cover the button. Positioning may need reworking down the line when microphone is introduced + dropdown overlapping is setup. (Not best practices, but my goal is to get through the primary styles for every page first, then come back and tweak changes, as the timeline is really tight if i am the only one doing css, especially with desktop).
Fixed how dropdown chevrons position is calculated, so it will always fit in the container. Before when centering the content it was aligned using "left: Xrem;" which caused variation when centered.