Panel: Mobile responsiveness is broken between lg and md sized screen sizes.

[gabefraser]

DO NOT REPORT ISSUES CONFIGURING: SSL, PHP, APACHE, NGINX, YOUR MACHINE, SSH, SFTP, ETC. ON THIS GITHUB TRACKER.

For assistance installating this software, as well as debugging issues with dependencies, please use our discord server: https://discord.gg/pterodactyl

You MUST complete all of the below information when reporting a bug, failure to do so will result in closure of your issue. PLEASE stop spamming our tracker with "bugs" that are not related to this project.

STOP: READ FIRST, AND THEN DELETE THE ABOVE LINES

Background (please complete the following information):

• Panel or Daemon: Panel
• Version of Panel/Daemon: 1.0.0-rc6
• Server's OS: Ubuntu 18.04
• Your Computer's OS & Browser: Chrome 85.0.4183.102

Describe the bug

• Text isn't being shrunk to the proper screen size / it's causing an overflow with large titles.
• Text is overflowing on the console.
• Breakpoints aren't wrapping correctly.

To Reproduce
Shrink the panel to the certain sizes.

Expected behavior
Proper flow of mobile responsiveness.

[DaneEveritt]

/cc @LeCodeCo

[zKoz210]

[LeCodeCo]

So me and @AreYouRlyScared were testing it out and we located the issue. It seems to only exist on Chrome and it's caused by the graphs when the server is running. The moment the server stops and the graphs disappear, everything works again.

We need to identify why the graphs stay really big.

[AreYouRlyScared]

@zKoz210 The payload text was fixed to display as.

As for the title that is already fixed as well

The others will be fixed in a pr in the coming hour.

As for the API Keys one... it works properly for me?

[zKoz210]

Modal window in the database view is not the same as everywhere else (background)

It would be cool if it was in the middle, instead of going to the bottom

[AreYouRlyScared]

I mean it does go to the "middle" just the screen is too small to display all the information.