Doing a relayout of permissions to make it a bit easier to navigate

app/static/css/style.css

@@ -207,6 +207,37 @@ input[type=password] {
   padding: 0 0.4rem;
 }
 
+.perm-matrix {
+  border-collapse: collapse;
+  font-size: 0.85rem;
+}
+
+.perm-matrix th,
+.perm-matrix td {
+  padding: 0.2rem 0.5rem;
+  border: 1px solid var(--border);
+  text-align: center;
+}
+
+.perm-matrix th {
+  background: var(--surface-2);
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--muted);
+}
+
+.perm-matrix .perm-scope {
+  text-align: left;
+  font-weight: 500;
+  white-space: nowrap;
+  padding-right: 1rem;
+}
+
+.perm-matrix .perm-na {
+  color: var(--muted);
+}
+
 .inline-edit {
   display: flex;
   flex-wrap: wrap;