style(row): move RWM score next to name, enlarge buttons, show label on mobile

Group school name and score together on the left using a nameScore flex
container, so the percentage sits close to the name rather than pushed to the
far right. Action buttons get slightly more padding on desktop (0.4375rem v
0.3125rem). On mobile the scoreLabel is now visible inline instead of hidden,
so the percentage reads as R,W&M not a bare number.

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

nextjs-app/components/SchoolRow.tsx

@@ -41,11 +41,12 @@ export function SchoolRow({
   return (
     <div className={`${styles.row} ${isInCompare ? styles.rowInCompare : ''}`}>
       <div className={styles.rowMain}>
-        {/* Line 1: Name + score + actions */}
+        {/* Line 1: Name + score on left, actions pinned right */}
         <div className={styles.rowTop}>
-          <a href={`/school/${school.urn}`} className={styles.schoolName}>
-            {school.school_name}
-          </a>
+          <div className={styles.nameScore}>
+            <a href={`/school/${school.urn}`} className={styles.schoolName}>
+              {school.school_name}
+            </a>
 
           <div className={styles.scoreBlock}>
             {school.rwm_expected_pct != null ? (
@@ -81,6 +82,7 @@ export function SchoolRow({
             )}
             <span className={styles.scoreLabel}>R, W &amp; M</span>
           </div>
+          </div>
 
           <div className={styles.rowActions}>
             <a href={`/school/${school.urn}`} className={styles.btnView}>