🎨 Improve layout of team invites list at mobile sizes (#813)

refs https://github.com/TryGhost/Ghost/issues/8744
- adjust padding of `.apps-card-meta` at mobile sizes
- adjust title font-size of `.apps-card-title` at mobile sizes
- adjust wrapping behaviour of actions and status badge of invites on team screen

ghost/admin/app/styles/layouts/apps.css

@@ -114,7 +114,12 @@
 .apps-card-meta {
     display: flex;
     flex-direction: column;
-    padding: 0 70px 0 0;
+    padding-right: 70px;
+}
+@media (max-width: 500px) {
+    .apps-card-meta {
+        padding-right: 20px;
+    }
 }
 
 .apps-card-app-title {
@@ -126,6 +131,11 @@
     line-height: 1.15em;
     font-weight: bold;
 }
+@media (max-width: 500px) {
+    .apps-card-app-title {
+        font-size: 1.5rem;
+    }
+}
 
 
 /* Apps Card Meta

ghost/admin/app/styles/layouts/users.css

@@ -51,6 +51,11 @@
     opacity: 0;
 }
 
+.gh-team .apps-configured {
+    flex-wrap: wrap;
+    justify-content: flex-end;
+}
+
 .gh-team .apps-configured .gh-badge {
     margin-left: 0.75em;
 }