Tweak spacing on /governance/people

This mostly adds ph3 ("padding horizontal 3") to both sections, which
prevents content from being flush with the edges of smaller screens.

Other than that, sections are grouped and vertical spacing around
headings and buttons is slightly tweaked.

Author: senekor

templates/governance/all-team-members.html.hbs

@@ -15,32 +15,28 @@
 {{/inline}}
 
 {{#*inline "page"}}
-  <section class="green" style="padding-bottom: 10px;">
+  <section class="green ph3 pb4">
     <div class="w-100 mw-none mw-8-m mw9-l center f2">
       <p>{{#fluent "governance-all-team-members-intro"}}{{#fluentparam
       "count"}}{{len data.active}}{{/fluentparam}}{{/fluent}}</p>
     </div>
-    <div class="w-100 mw-none mw9-l center">
+    <div class="w-100 mw-none mw9-l mb5 center">
       <a href="{{baseurl}}/funding" class="button button-secondary mw6">Sponsor Rust contributors</a>
     </div>
-  </section>
 
-  <section class="green" style="padding-bottom: 15px;">
     <div class="w-100 mw-none mw-8-m mw9-l flex flex-column flex-row-l flex-wrap-l center">
       {{#each data.active as |member|}}
         {{> member member=member baseurl=../baseurl }}
       {{/each}}
     </div>
   </section>
 
-  <section class="red" style="padding-bottom: 10px;">
+  <section class="red ph3 pb4">
     <div class="w-100 mw-none mw-8-m mw9-l center f2">
       <p>{{#fluent "governance-all-team-members-alumni-intro"}}{{#fluentparam
       "count"}}{{len data.alumni}}{{/fluentparam}}{{/fluent}}</p>
     </div>
-  </section>
 
-  <section class="red" style="padding-bottom: 15px;">
     <div class="w-100 mw-none mw-8-m mw9-l flex flex-column flex-row-l flex-wrap-l center">
       {{#each data.alumni as |member|}}
         {{> member member=member baseurl=../baseurl }}