Increase font size without decreasing viewable area (508 issue) #1099

Similar to Issue #1098 related to vertical scrollbar on the sidebar, users that need to zoom in on the chats to view them end up not being able to see more than a line or two of the chat due to the other page elements also increasing in size. This is especially noticeable on our default 14 laptop screens. Here is a picture of a browser maximized on the 14" screen zoomed into 200% with and without the sidebar active:

I'm sure this will also be flagged in our organizations future 508 compliance assessment of our implementation of SimpleChat. From 508 development guidelines :

Resizable Text

1.4.4 Resize Text

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.

Development Considerations

• Web pages should be designed to be “responsive” to the size of the display on which they are viewed. Performing a 200% zoom should not affect the content or functionality of the page.
• If you need to specify height and width, using em units in padding can help keep things in proportion because em units are relative to font size.