Réglages : rendre au congé la place de tourner

Les chevrons des sections débordaient dans l'arrondi de la carte, et le
rayon paraissait beaucoup trop fort. La cause n'était pas le rayon : la
carte des réglages avait perdu sa gouttière intérieure.

Le gabarit de carte (commit précédent) a déplacé le retrait vers
#side-scroll pour aligner Discussions, Réglages et Performance sur la
même largeur — mais il a mis le rembourrage de .sidegroup à zéro au lieu
de ne déplacer que le retrait EXTÉRIEUR. Les lignes allaient donc d'un
bord à l'autre : sur la première et la dernière, le chevron tombait dans
le congé de 20 px et semblait en sortir, et les filets de séparation
venaient buter dans la courbe.

On reprend le retrait d'avant la refonte — 16 px, exactement la valeur
qui fonctionnait — et tout rentre dans l'ordre sans toucher au rayon.

Vérifié en clair, en sombre et en largeur téléphone.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LPyFxVHNAN9u5pVzSYMwjd

internal/loki/ui/index.html

@@ -1853,7 +1853,15 @@ html[data-files="1"] #files-btn{color:var(--accent)}
    de la colonne. */
 #side-scroll{padding:0 12px 12px}
 #side-scroll>details>summary,#side-settings>summary{padding:0 2px}
-#side-settings>.sidegroup{padding:0}
+/* ⚠️ La gouttière INTÉRIEURE de la carte n'est pas décorative. En la mettant à
+   zéro (le retrait extérieur venant désormais de #side-scroll), les lignes
+   allaient d'un bord à l'autre : le chevron de chaque section tombait dans le
+   congé de 20 px, donc il en débordait visuellement sur la première et la
+   dernière ligne, et les filets de séparation venaient buter dans la courbe.
+   Le rayon paraissait « trop fort » alors que c'est le contenu qui n'avait plus
+   de quoi s'en écarter. On reprend le retrait d'avant la refonte (16 px), qui
+   laisse au congé la place de tourner à vide. */
+#side-settings>.sidegroup{padding:2px 16px}
 @media (max-width:720px){
   #side-scroll{padding-left:calc(12px + env(safe-area-inset-left))}
 }

internal/loki/ui/src/styles.css

@@ -1822,7 +1822,15 @@ html[data-files="1"] #files-btn{color:var(--accent)}
    de la colonne. */
 #side-scroll{padding:0 12px 12px}
 #side-scroll>details>summary,#side-settings>summary{padding:0 2px}
-#side-settings>.sidegroup{padding:0}
+/* ⚠️ La gouttière INTÉRIEURE de la carte n'est pas décorative. En la mettant à
+   zéro (le retrait extérieur venant désormais de #side-scroll), les lignes
+   allaient d'un bord à l'autre : le chevron de chaque section tombait dans le
+   congé de 20 px, donc il en débordait visuellement sur la première et la
+   dernière ligne, et les filets de séparation venaient buter dans la courbe.
+   Le rayon paraissait « trop fort » alors que c'est le contenu qui n'avait plus
+   de quoi s'en écarter. On reprend le retrait d'avant la refonte (16 px), qui
+   laisse au congé la place de tourner à vide. */
+#side-settings>.sidegroup{padding:2px 16px}
 @media (max-width:720px){
   #side-scroll{padding-left:calc(12px + env(safe-area-inset-left))}
 }