Rocket.chat: Default styles for Terms of Service and Privacy Policy are hideous

[robguinness]

Description:

The default styles for Terms of Service and Privacy Policy are hideous.

Steps to reproduce:

1. Add a few <p> and <h1> tags to the Privacy Policy or Terms of Service (Layouts->Content).
2. Open the Privacy Policy or Terms of Service links form the login page.

Expected behavior:

Should look at least decent.

Actual behavior:

Looks terrible (see screenshot below).

Server Setup Information:

• Version of Rocket.Chat Server: 0.74.2
• Operating System: Ubuntu 18.04 (4.4.0-141-generic)
• Deployment Method: snap
• Number of Running Instances: 1
• DB Replicaset Oplog: Enabled?
• NodeJS Version: v8.11.3
• MongoDB Version: 3.2.7?

[Gaurav-Punjabi]

Can I solve this issue ?

[robguinness]

This is open source, so I think the answer is yes!

[Gaurav-Punjabi]

Can you tell in which folder the terms file is located in ?

[wreiske]

Can you tell in which folder the terms file is located in ?

You can use the search in the upper left hand of GitHub to find the files associated with terms of service:
https://github.com/RocketChat/Rocket.Chat/search?q=terms+of+service&unscoped_q=terms+of+service

That search shows a router layout here:
https://github.com/RocketChat/Rocket.Chat/blob/fd47795f753701cb6f82cb7663baadfd82ced8fc/client/routes/router.js#L110

After further searching, that is a cmsPage, so it will be included in:
https://github.com/RocketChat/Rocket.Chat/blob/79b381bca31f04bded15eb67c8b75fdcee4d0767/packages/rocketchat-ui/client/views/cmsPage.html

[codekhal]

@wreiske very well explained! Thanks, you cleared some of my doubts too :)
Hii.. @Gaurav-Punjabi Are you working on it or may I take it!

[Gaurav-Punjabi]

I am working on this issue @wreiske

[fliptrail]

Since it has been 3 days, I am making a PR on this