Updated members list help vertical alignment

app/styles/components/lists.css

@@ -409,8 +409,8 @@ ul.nostyle li {
         height: calc(100vh - 193px);
         margin-left: -4vw;
         margin-right: -4vw;
-        padding-left: 4vw;
-        padding-right: 4vw;
+        padding-left: 48px;
+        padding-right: 0;
     }
 }
 

app/styles/layouts/members.css

@@ -56,6 +56,20 @@
     table-layout: fixed;
 }
 
+.members-list-container-stretch {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    min-height: calc(100vh - 96px); /*Height of top menu*/
+    padding-bottom: 48px;
+}
+
+@media (max-width: 1450px) {
+    .members-list-container-stretch {
+        min-height: calc(100vh - 128px);
+    }
+}
+
 @media (max-width: 1100px) {
     .members-list {
         border-bottom: none
@@ -510,7 +524,7 @@ p.gh-members-list-email {
 }
 
 .gh-members-help {
-    margin-top: 8vmin;
+    margin-top: 40px;
     margin-bottom: 0;
 }
 

app/templates/members.hbs

@@ -102,7 +102,7 @@
             <GhLoadingSpinner />
         </div>
     {{else}}
-        <section class="view-container">
+        <section class="view-container {{if (or (not this.members) (lt this.members.length 6)) "members-list-container-stretch"}}">
             {{#if this.members}}
                 <div class="gh-list-scrolling {{if (lt this.members.length 6) "gh-list-with-helpsection"}}">
                     <table class="gh-list">