Updated staff UI

app/styles/layouts/content.css

@@ -478,6 +478,7 @@
 .no-posts {
     background: none;
     box-shadow: none;
+    border: none !important;
 }
 
 .no-posts + .infinity-loader {
@@ -491,8 +492,8 @@
     justify-content: center;
     align-items: center;
     margin: 0 auto;
-    padding: 0 0 10vw;
-    height: calc(100vh - 140px);
+    padding: 0;
+    height: calc(100vh - 200px);
 }
 
 .no-posts-box .no-posts {

app/styles/layouts/main.css

@@ -1181,7 +1181,7 @@
     font-size: 1.35rem;
 }
 
-.view-actions .gh-btn:not(.gh-btn-primary):not(.gh-btn-blue) {
+.view-actions .gh-btn:not(.gh-btn-primary):not(.gh-btn-blue):not(.gh-btn-green) {
     border: none;
     box-shadow: none;
     background: color-mod(var(--whitegrey-l1) l(-3%));

app/styles/layouts/members.css

@@ -93,7 +93,8 @@
     min-width: 220px;
     padding-left: 32px;
     border: none;
-    background: color-mod(var(--whitegrey) l(+1%));
+    background: var(--white);
+    border: var(--input-border);
 }
 
 .members-header.grey .view-actions .gh-btn,
@@ -103,6 +104,7 @@
 
 .members-header .view-actions input.gh-members-list-searchfield:focus {
     background: var(--white);
+    border-color: var(--green);
 }
 
 .members-header .view-actions .gh-input-search-icon {
@@ -118,8 +120,8 @@
 }
 
 .gh-members-list-searchfield.active {
-    border-color: #3eb0ef;
-    box-shadow: inset 0 0 0 1px #3eb0ef;
+    border-color: var(--green) !important;
+    box-shadow: inset 0 0 0 1px var(--green);
 }
 
 .gh-members-list-checkbox {

app/styles/layouts/user.css

@@ -48,8 +48,6 @@
     margin-bottom: 30px;
     background: #fafafa no-repeat center center;
     background-size: cover;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
 }
 
 .user-cover-edit {

app/styles/layouts/users.css

@@ -5,13 +5,6 @@
     background: none;
 }
 
-.gh-invited-users .apps-grid-cell:hover + .apps-grid-cell .apps-card-app,
-.gh-invited-users .apps-grid-cell:hover .apps-card-app {
-    border-color: var(--lightgrey);
-    padding-left: 0;
-    margin-left: 16px;
-}
-
 .gh-invited-users .gh-badge {
     text-transform: none;
 }

app/templates/integrations.hbs

@@ -60,7 +60,7 @@
     </div>
 
     <section class="gh-main-section">
-        <h4 class="heading list">Built-in integrations</h4>
+        <h4 class="heading small">Built-in integrations</h4>
         <div class="apps-grid">
             <div class="apps-grid-cell" data-test-app="zapier">
                 <LinkTo @route="integrations.zapier" data-test-link="zapier">
@@ -181,7 +181,7 @@
     </section>
 
     <section class="gh-main-section">
-        <h4 class="heading list">Custom integrations</h4>
+        <h4 class="heading small">Custom integrations</h4>
         <div class="apps-grid">
             {{#each this.integrations as |integration|}}
                 <div class="apps-grid-cell" data-test-custom-integration>

app/templates/staff/index.hbs

@@ -19,8 +19,8 @@
     {{!-- Show invited users to everyone except authors --}}
     {{#unless this.currentUser.isAuthorOrContributor}}
         {{#if this.invites}}
-        <section class="apps-grid-container gh-invited-users apps-first-header" data-test-invited-users>
-            <span class="apps-grid-title">Invited users</span>
+        <section class="gh-main-section gh-invited-users apps-first-header" data-test-invited-users>
+            <h4 class="heading small">Invited users</h4>
             <div class="apps-grid">
 
                 {{#each this.sortedInvites as |invite|}}
@@ -71,8 +71,8 @@
         {{/if}}
     {{/unless}}
 
-    <section class="apps-grid-container gh-active-users {{unless this.invites "apps-first-header"}}" data-test-active-users>
-        <span class="apps-grid-title">Active users</span>
+    <section class="gh-main-section gh-active-users {{unless this.invites "apps-first-header"}}" data-test-active-users>
+        <h4 class="heading small">Active users</h4>
         <div class="apps-grid">
             {{!-- For authors/contributors, only show their own user --}}
             {{#if this.currentUser.isAuthorOrContributor}}

app/templates/staff/user.hbs

@@ -98,7 +98,7 @@
     {{/if}}
 
     {{!-- <div class="bg-"> --}}
-    <section class="br3 shadow-1 bg-grouped-table">
+    <section>
         <div class="gm-main view-container settings-user">
             <form class="user-profile" novalidate="novalidate" autocomplete="off" {{action (perform this.save) on="submit"}}>