fix(buttons): force identical height on mixed <a>/<button> pairs

Set explicit height:2rem, line-height:1, font-family:inherit on all children
of button group containers. Browsers apply different default line-height and
font-family to <button> vs <a>, causing height differences that persist even
with identical padding and display:inline-flex.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

nextjs-app/components/RankingsView.module.css

@@ -266,6 +266,15 @@
   text-align: center;
 }
 
+/* Equalise <a> and <button> rendering */
+.actionCell > * {
+  height: 2rem;
+  line-height: 1;
+  font-family: inherit;
+  box-sizing: border-box;
+  vertical-align: middle;
+}
+
 .addButton {
   display: inline-flex;
   align-items: center;

nextjs-app/components/SchoolCard.module.css

@@ -145,6 +145,14 @@
   gap: 0.5rem;
 }
 
+/* Equalise <a> and <button> rendering */
+.actions > * {
+  height: 2rem;
+  line-height: 1;
+  font-family: inherit;
+  box-sizing: border-box;
+}
+
 .btnSecondary,
 .btnPrimary {
   flex: 1;

nextjs-app/components/SchoolRow.module.css

@@ -128,6 +128,14 @@
   flex-shrink: 0;
 }
 
+/* Equalise <a> and <button> rendering */
+.rowActions > * {
+  height: 2rem;
+  line-height: 1;
+  font-family: inherit;
+  box-sizing: border-box;
+}
+
 .btnView {
   display: inline-flex;
   align-items: center;