🇬🇧 English
📝 In Short
The admin header card and tabs row now line up properly with the content cards below — no more visible overhang on the right side.
🐛 What's Fixed
- Header & tabs were too wide on the right — Jellyfin applies a default
max-widthto form elements that doesn't propagate to siblings, so the header and tab strip (sitting outside the form) rendered wider than the content cards inside the form. Aligned everything to a single consistent layout (820px max-width, full-width form children).
🔧 Technical details for the curious
CSS-only fix in ConfigurationPage.html:
.ns-rootmax-width reduced from960pxto820pxfor a tighter, more focused layout.- Added explicit
width: 100%; box-sizing: border-box; max-width: none;on#notifySyncConfigForm,.ns-panel, and.ns-cardso they fully fill the root regardless of Jellyfin's default form constraints.
No code change. Pure visual tweak.
🇫🇷 Français
📝 En bref
Le header et la ligne sous les onglets s'alignent maintenant correctement avec les cards en dessous — plus de débordement visible à droite.
🐛 Corrections
- Le header et les onglets étaient trop larges à droite — Jellyfin applique une
max-widthpar défaut aux éléments form qui ne se propage pas aux éléments sœurs, donc le header et la barre d'onglets (situés en dehors du form) s'affichaient plus larges que les cards de contenu à l'intérieur du form. Alignement de tout sur une mise en page unique cohérente (max-width 820px, enfants du form en pleine largeur).
🔧 Détails techniques pour les curieux
Fix purement CSS dans ConfigurationPage.html :
.ns-rootmax-width réduit de960pxà820pxpour une mise en page plus serrée et concentrée.- Ajout explicite de
width: 100%; box-sizing: border-box; max-width: none;sur#notifySyncConfigForm,.ns-panel, et.ns-cardpour qu'ils remplissent entièrement la racine indépendamment des contraintes form par défaut de Jellyfin.
Aucun changement de code. Pur tweak visuel.