Replace unicode left arrow with SVG icon in admin nav logo

TODO.md

@@ -1,5 +1,8 @@
 # TODO
 
+## Done
+- [x] Replace unicode left arrow (←) with SVG arrow icon in admin nav logo
+
 ## Fixes
 - [x] Fix CSV import UNIQUE constraint crash: skip rows whose identifier already exists in DB
 - [x] Auto-migrate both test.db and posterg.db on `just serve` via scripts/migrate.sh

public/assets/css/admin.css

@@ -24,13 +24,18 @@ html, body {
   min-height: 100vh;
   background: var(--admin-bg);
   color: var(--admin-text);
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+  font-family:
-    "Helvetica Neue", Arial, sans-serif;
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+    Arial, sans-serif;
 }
 
 /* Admin nav (dark version of site-nav) */
 .admin-nav {
-  background: linear-gradient(to bottom, var(--admin-purple) 0%, rgba(149, 87, 181, 0.0) 100%);
+  background: linear-gradient(
+    to bottom,
+    var(--admin-purple) 0%,
+    rgba(149, 87, 181, 0.0) 100%
+  );
   padding: 0.55rem 1.5rem;
   display: flex;
   align-items: center;
@@ -612,36 +617,36 @@ html, body {
   border: 1px solid #333;
   border-radius: 4px;
   padding: 1rem 1.25rem;
-  margin: .5rem 0 1rem;
+  margin: 0.5rem 0 1rem;
-  background: rgba(255,255,255,.02);
+  background: rgba(255, 255, 255, 0.02);
 }
 
 .admin-fieldset-legend {
-  font-size: .82rem;
+  font-size: 0.82rem;
   font-weight: 600;
-  letter-spacing: .04em;
+  letter-spacing: 0.04em;
   text-transform: uppercase;
   color: var(--admin-text-muted);
-  padding: 0 .5rem;
+  padding: 0 0.5rem;
 }
 
 .admin-jury-row {
   display: flex;
   align-items: center;
-  gap: .75rem;
+  gap: 0.75rem;
   flex-wrap: wrap;
 }
 
 .admin-jury-list {
   display: flex;
   flex-direction: column;
-  gap: .5rem;
+  gap: 0.5rem;
 }
 
 .admin-jury-entry {
   display: flex;
   align-items: center;
-  gap: .75rem;
+  gap: 0.75rem;
   flex-wrap: wrap;
 }
 
@@ -654,8 +659,8 @@ html, body {
   border: 1px solid #555;
   color: var(--admin-text-muted);
   border-radius: 3px;
-  padding: .2rem .45rem;
+  padding: 0.2rem 0.45rem;
-  font-size: .8rem;
+  font-size: 0.8rem;
   cursor: pointer;
   line-height: 1;
 }
@@ -668,23 +673,23 @@ html, body {
 .admin-inline-form {
   display: flex;
   align-items: center;
-  gap: .4rem;
+  gap: 0.4rem;
   flex-wrap: wrap;
 }
 
 .admin-input--inline {
-  padding: .28rem .5rem;
+  padding: 0.28rem 0.5rem;
-  font-size: .82rem;
+  font-size: 0.82rem;
 }
 
 .admin-select--inline {
-  padding: .28rem .5rem;
+  padding: 0.28rem 0.5rem;
-  font-size: .82rem;
+  font-size: 0.82rem;
 }
 
 .admin-btn--sm {
-  padding: .28rem .65rem;
+  padding: 0.28rem 0.65rem;
-  font-size: .8rem;
+  font-size: 0.8rem;
 }
 
 .admin-btn--warning {
@@ -712,9 +717,9 @@ html, body {
   background: #1a1a2e;
   border: 1px solid #333;
   border-radius: 4px;
-  padding: .65rem 1rem;
+  padding: 0.65rem 1rem;
   margin-bottom: 1.5rem;
-  font-size: .88rem;
+  font-size: 0.88rem;
   color: var(--admin-text-muted);
 }
 
@@ -727,13 +732,13 @@ html, body {
 /* Visibility / access badges */
 .status-access {
   display: inline-block;
-  font-size: .7rem;
+  font-size: 0.7rem;
-  padding: .1rem .4rem;
+  padding: 0.1rem 0.4rem;
   border-radius: 3px;
-  margin-top: .2rem;
+  margin-top: 0.2rem;
   background: #333;
   color: #aaa;
-  letter-spacing: .03em;
+  letter-spacing: 0.03em;
 }
 
 .status-access--Libre,

public/assets/css/common.css

@@ -32,8 +32,9 @@ body {
 }
 
 body {
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+  font-family:
-    "Helvetica Neue", Arial, sans-serif;
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
+    Arial, sans-serif;
   background: var(--white);
   color: var(--black);
 }
@@ -51,12 +52,17 @@ a:hover {
    NAV BAR (shared across all public pages)
    ============================================================ */
 .site-nav {
-  background: linear-gradient(to bottom, var(--purple) 0%, rgba(149, 87, 181, 0.0) 100%);
+  background: linear-gradient(
-  padding: 0.55rem 1.5rem;
+    to bottom,
+    var(--purple) 0%,
+    rgba(149, 87, 181, 0.0) 100%
+  );
+  padding: 1rem 1.5rem;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-shrink: 0;
+  /* height: 3ch; */
 }
 
 .site-nav__logo {

templates/admin/head.php

@@ -24,7 +24,7 @@
     <a href="#main-content" class="skip-link">Aller au contenu principal</a>
     <nav class="admin-nav" aria-label="Navigation admin">
         <a href="/" class="admin-nav__logo" target="_blank" rel="noopener noreferrer">
-            <span aria-hidden="true">&#8592; </span>Posterg<span class="sr-only"> (site public, nouvel onglet)</span>
+            <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 256 256" style="vertical-align:middle;margin-right:0.4em"><path d="M208,72H128V32a8,8,0,0,0-13.66-5.66l-96,96a8,8,0,0,0,0,11.32l96,96A8,8,0,0,0,128,224V184h80a16,16,0,0,0,16-16V88A16,16,0,0,0,208,72Zm0,96H120a8,8,0,0,0-8,8v28.69L35.31,128,112,51.31V80a8,8,0,0,0,8,8h88Z"></path></svg>Posterg<span class="sr-only"> (site public, nouvel onglet)</span>
         </a>
         <?php
         $currentPage = basename($_SERVER['PHP_SELF']);