Screenshot of what the current implementation looks like:

Deleted: connection-help.png 172 KB

	connection-help.png 172 KB View Download

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/766fbc88bed0c117536f00aab036aef7851a3c03

commit 766fbc88bed0c117536f00aab036aef7851a3c03
Author: Carlos IL <carlosil@chromium.org>
Date: Fri Feb 16 02:34:52 2018

Added AboutUI page for connection-help.

Added an AboutUI page for chrome://connection-help, that displays a
subset of the information available at
support.google.com/chrome/answer/6098869. On a separate CL, logic
will be added to redirect users who visit the online help center and
get an interstitial to the chrome://connection-help site.

Bug:  811382 

Change-Id: Ic53d81a902fd8f59894f935a691b90c6eec98c11
Reviewed-on: https://chromium-review.googlesource.com/854793
Commit-Queue: Carlos IL <carlosil@chromium.org>
Reviewed-by: Tommy Li <tommycli@chromium.org>
Reviewed-by: Emily Stark <estark@chromium.org>
Cr-Commit-Position: refs/heads/master@{#537119}
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/browser/about_flags.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/browser/flag_descriptions.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/browser/flag_descriptions.h
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/browser/ui/webui/about_ui.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/browser/ui/webui/chrome_web_ui_controller_factory.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/browser/ui/webui/webui_browsertest.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/common/chrome_features.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/common/chrome_features.h
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/common/webui_url_constants.cc
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/chrome/common/webui_url_constants.h
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/components/resources/security_interstitials_resources.grdp
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/components/security_interstitials_strings.grdp
[modify] https://crrev.com/766fbc88bed0c117536f00aab036aef7851a3c03/tools/metrics/histograms/enums.xml

Images of UI after suggested changes.

Deleted: open.png 137 KB

	open.png 137 KB View Download

Deleted: closed.png 106 KB

	closed.png 106 KB View Download

@Max, could you check these screenshots of the implementation. 

I'm wondering if the SHOW LESS button should actually be positioned underneath the expanded block of text. 

I know this is the position for the details button on other interstitials, but it looks little odd here. I guess normally in this expand collapse type of component we would use the header or some form of up / down chevron to indicate there is extra content.

I'm going to go ahead and re-open this bug while we use it to discuss the UI.

Thanks both! Generally this LGTM. Edward's proposal to move the SHOW LESS buttons below the expanded blocks sounds good to me.

Thanks for reviewing this. Here's a screenshot of the new format with the button below the text. 

Deleted: opennew.png 138 KB

	opennew.png 138 KB View Download

Thanks! LGTM.