Fix padding in hero container of landing page (#4373)

* Fix padding in hero container, landing page

Erase hero container padding to fit registration form to full width. By this setting, heading padding disappears, so I adjust heading padding.

* Specify attribute strictly for heading padding

To overwrite padding-bottom in superior settings.

* Make padding shorthand more concise

diff --git a/app/javascript/styles/about.scss b/app/javascript/styles/about.scss
index 5a4bcef61250e303b2a9fa507b4e88b5787a08f6..9be95c0281aa0c839beb28d6906f34aecb1bb52f 100644 (file)
--- a/app/javascript/styles/about.scss
+++ b/app/javascript/styles/about.scss
@@ -708,6 +708,11 @@
 
       .hero {
         margin-top: 30px;
+        padding: 0;
+
+        .heading {
+          padding: 0 20px 20px;
+        }
       }
 
       .floats {