Fix background and alignment of node details section

[alexandercyu]

Fixes #140

• Fix background and planet image of node details section
• Fix alignment of text of node details section

[alexandercyu]

Background is now broken when screen width is md

Fixed background for md sizes. Also added a margin for node details at md size.

[alexandercyu]

The gap between heading and body is more than 30px, email and version also seems more than 30px. Needs to be a consitent 30px gap between all section elements

I mentioned this in Figma. The space between email and version is 32px in desktop and I asked if it could be changed in mobile.

I've now changed it to 30px.

[alexandercyu]

Still don't see the 30px gap Needs to be consistent 30px

[alexandercyu]

The margins look different because some of the child elements also have margins that get added to the 30px margin from the .node-main-info elements

Removed the default margins on the h2 and p elements.

[alexandercyu]

Alignment looks good Version is Caption • Regular • 14|Auto . Seems like its body1

Changed to caption font type.

[alexandercyu]

Version font change might have affected alignment on browser site. On browser email and version should align horizontally with the components on left hand side.

This seems to be aligned like the design. Am I missing something?

[alexandercyu]

Aligned the email with the description text.