diff --git a/website/source/assets/stylesheets/_home.scss b/website/source/assets/stylesheets/_home.scss index bf75358905..4ffa5a4d1f 100755 --- a/website/source/assets/stylesheets/_home.scss +++ b/website/source/assets/stylesheets/_home.scss @@ -155,14 +155,18 @@ &#features { .feature-icon { text-align: center; + clear: both; } h2, svg { - padding-top: 50px; + margin: 0; + padding: 0; + padding-top: 40px; } svg { - margin-top: 20px; + display: block; + margin: 0 auto; } } diff --git a/website/source/index.html.erb b/website/source/index.html.erb index a8ef1235b1..55721bda28 100644 --- a/website/source/index.html.erb +++ b/website/source/index.html.erb @@ -24,58 +24,66 @@ description: |-
-
- <%= inline_svg "feature-discovery.svg", width: 100 %> -
-
-

Service Discovery

-

- Consul makes it simple for services to register themselves and to - discover other services via a DNS or HTTP interface. Register external - services such as SaaS providers as well. -

+
+
+ <%= inline_svg "feature-discovery.svg", width: 100 %> +
+
+

Service Discovery

+

+ Consul makes it simple for services to register themselves and to + discover other services via a DNS or HTTP interface. Register external + services such as SaaS providers as well. +

+
-
- <%= inline_svg "feature-health.svg", width: 100 %> -
-
-

Failure Detection

-

- Pairing service discovery with health checking prevents routing - requests to unhealthy hosts and enables services to easily provide - circuit breakers. -

+
+
+ <%= inline_svg "feature-health.svg", width: 100 %> +
+
+

Failure Detection

+

+ Pairing service discovery with health checking prevents routing + requests to unhealthy hosts and enables services to easily provide + circuit breakers. +

+
-
- <%= inline_svg "feature-multi.svg", width: 100 %> -
-
-

Multi Datacenter

-

- Consul scales to multiple datacenters out of the box with no - complicated configuration. Look up services in other datacenters, or - keep the request local. -

+
+
+ <%= inline_svg "feature-multi.svg", width: 100 %> +
+
+

Multi Datacenter

+

+ Consul scales to multiple datacenters out of the box with no + complicated configuration. Look up services in other datacenters, or + keep the request local. +

+
-
- <%= inline_svg "feature-config.svg", width: 85 %> -
-
-

KV Storage

-

- Flexible key/value store for dynamic configuration, feature flagging, - coordination, leader election and more. Long poll for near-instant - notification of configuration changes. -

+
+
+ <%= inline_svg "feature-config.svg", width: 85 %> +
+
+

KV Storage

+

+ Flexible key/value store for dynamic configuration, feature flagging, + coordination, leader election and more. Long poll for near-instant + notification of configuration changes. +

+