Pad admin cards so content isn't flush against the border

The admin views used bare .card, which has no padding; add card-pad.

Claude-Session: https://claude.ai/code/session_016mBLURvJoMuUEr9cB2RpUN

internal/web/static/js/adminuser.js

@@ -60,7 +60,7 @@ export async function refresh() {
 function render() {
   const el = view();
   if (!state.me?.user?.is_admin) {
-    clear(el, backLink(), h('div', { class: 'card' },
+    clear(el, backLink(), h('div', { class: 'card card-pad' },
       h('p', { class: 'muted', text: 'Administration is for system administrators. Ask one for access.' })));
     return;
   }
@@ -69,7 +69,7 @@ function render() {
     return;
   }
   if (!data.user) {
-    clear(el, backLink(), h('div', { class: 'card' },
+    clear(el, backLink(), h('div', { class: 'card card-pad' },
       h('p', { class: 'muted', text: 'No such user. They may have just been deleted.' })));
     return;
   }
@@ -94,7 +94,7 @@ function identityCard() {
   const u = data.user;
   const self = u.id === myID();
 
-  return h('div', { class: 'card' },
+  return h('div', { class: 'card card-pad' },
     h('div', { class: 'user-head' },
       h('h2', { text: u.username }),
       u.is_admin && h('span', { class: 'row-team', text: 'admin' }),
@@ -203,7 +203,7 @@ function teamsCard() {
     act(() => api.addTeamMember(Number(pick.value), userID, role.value));
   });
 
-  return h('div', { class: 'card' },
+  return h('div', { class: 'card card-pad' },
     h('h2', { text: 'Teams' }),
     data.teams.length === 0 && h('p', { class: 'muted small' },
       'In no team. They can sign in, but there is no queue for them to work ',
@@ -244,7 +244,7 @@ function accountCard() {
     await refresh();
   });
 
-  return h('div', { class: 'card' },
+  return h('div', { class: 'card card-pad' },
     h('h2', { text: 'Account' }),
     h('p', { class: 'muted small' },
       'Setting a password here is how somebody gets their first one, or a new ',