WD-9167 Rebrand server power

[carkod]

QA

• Compare https://ubuntu-com-13678.demos.haus/download/server/power against copy docs
• Compare against design screenshot below
  • Be sure to test on mobile, tablet and desktop screen sizes
• [List additional steps to QA the new features or prove the bug has been resolved]

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-9164

Screenshots

Help

QA steps - Commit guidelines

[webteam-app]

Demo starting at https://ubuntu-com-13678.demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 74.49%. Comparing base (f79c007) to head (39a726c).
Report is 1 commits behind head on download-bubble-wd-8482.

Additional details and impacted files

@@                   Coverage Diff                    @@
##           download-bubble-wd-8482   #13678   +/-   ##
========================================================
  Coverage                    74.49%   74.49%           
========================================================
  Files                          107      107           
  Lines                         2854     2854           
  Branches                       954      954           
========================================================
  Hits                          2126     2126           
  Misses                         704      704           
  Partials                        24       24           

[lyubomir-popov]

some suggestions

[lyubomir-popov]

Can we indent h5s one column on medium screens? col-start-medium-2 col-medium-2 should do it

[juanruitina]

The spacing above and below the "Ubuntu Server" section doesn't match the mockup, and I think that affects the sense of hierarchy, please fix.

Little change: please adjust the two CTA as per the copy (drop "Ubuntu" from them). I also left a couple minor comments in the code.

[juanruitina]

Spacing still seems a bit excessive on top of the Ubuntu Server section compared to the mockup, but there's better hierarchy now and it's a visual matter anyway, so UX+1.

[carkod]

The spacing above and below the "Ubuntu Server" section doesn't match the mockup, and I think that affects the sense of hierarchy, please fix.

Little change: please adjust the two CTA as per the copy (drop "Ubuntu" from them). I also left a couple minor comments in the code.

@juanruitina That spacing was suggested by @lyubomir-popov #13678 (comment)

Looks like after I refactored for the medium screens that space seems to be redundant, removed.

[lizzochek]

This heading is in 2 lines in design, so maybe add a br