Fixed responsive layout for members list

app/components/gh-members-list-item.hbs

@@ -24,7 +24,7 @@
         {{#if (feature "emailAnalytics")}}
             <LinkTo @route="member" @model={{@member}} title="Member details" class="gh-list-data gh-members-list-open-rate middarkgrey f8">
                 {{#if (not (is-empty @member.emailOpenRate))}}
-                    <span>{{@member.emailOpenRate}}%</span>
+                    <span class="gh-members-list-open-rate-mobile">{{@member.emailOpenRate}}%</span>
                 {{/if}}
             </LinkTo>
         {{/if}}

app/styles/layouts/members.css

@@ -127,7 +127,7 @@ p.gh-members-list-email {
 }
 
 .gh-members-list-subscribed-at {
-    width: 240px;
+    width: 220px;
     margin-right: -8px;
     padding-right: 0;
 }
@@ -269,7 +269,7 @@ p.gh-members-list-email {
     }
 }
 
-@media (max-width: 900px) {
+@media (max-width: 1100px) {
     .members-list .gh-list-header, .gh-list-hidecell-m {
         display: none;
     }
@@ -337,8 +337,8 @@ p.gh-members-list-email {
         padding: 0 0 0 64px;
     }
 
-    .gh-members-list-open-rate::after {
-        content: "open rate •";
+    .gh-members-list-open-rate-mobile::after {
+        content: " open rate •";
     }
 
     .gh-members-list-geolocation {

app/styles/spirit/_custom-styles.css

@@ -191,6 +191,7 @@ button, .btn-base {
     content: attr(data-tooltip);
     text-align: center;
     font-size: 1.3rem;
+    font-weight: 400;
     letter-spacing: 0.2px;
     transform: translate(-50%, 5px);
 }