refactor: Diverse UI fixes

src/app/app.component.ts

@@ -46,7 +46,17 @@ import { CookiesManagerComponent } from './shared/components/cookies-manager/coo
     </misis-modal>
     }
   `,
-  styles: [``],
+  styles: [`
+    :host {
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+    }
+
+    misis-main {
+      flex-grow: 1;
+    }
+  `],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class AppComponent {

src/app/views/protected/suivis/detail-suivi/detail-suivi-side-nav/detail-suivi-side-nav.component.ts

@@ -7,8 +7,8 @@ import { WebsiteDetailsDto } from '../../../../../rest/model/website-details-dto
   standalone: true,
   imports: [RouterLink, RouterLinkActive],
   template: `
-    <nav class="fr-sidemenu" role="navigation" aria-labelledby="sidemenu-title">
-      <div class="fr-sidemenu__inner">
+    <nav class="fr-sidemenu fr-sidemenu--sticky-full-height fr-mb-0-5v" role="navigation" aria-labelledby="sidemenu-title">
+      <div class="fr-sidemenu__inner fr-py-12v">
         <button
           aria-expanded="false"
           aria-controls="sidemenu-collapse-4"

src/app/views/protected/suivis/detail-suivi/detail-suivi.component.ts

@@ -42,7 +42,7 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
       <div class="fr-grid-row fr-grid-row--right">
         <p>
           <button
-            class="fr-btn fr-btn--icon-left fr-icon-settings-5-line fr-link--icon-left"
+            class="fr-btn fr-btn--icon-left fr-icon-settings-5-line fr-link--icon-left fr-btn--secondary"
             title="Modifier les paramètres du suivi"
             [routerLink]="['parametrer']"
             [fragment]="web.name"
@@ -149,9 +149,13 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
         <div class="fr-table__wrapper">
           <div class="fr-table__container">
             <div class="fr-table__content">
-              <table id="-table-99">
+              <table id="tableau-groupes-suvi">
                 <caption>
-                  Titre du tableau (caption)
+                    @if(summarySuivi | async; as web) {
+                        Suivi de {{ web.name! }}
+                    } @else {
+                        Suivi
+                    }
                 </caption>
                 <thead>
                   <tr>
@@ -171,7 +175,7 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
                         role="tooltip"
                         aria-hidden="true"
                       >
-                        Intitulé des groupes pour un suivi.
+                        Intitulé du groupe
                       </span>
                     </th>
                     <th>
@@ -193,8 +197,8 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
                         La date de la dernière analyse effectuée par MISIS
                       </span>
                     </th>
-                    <th>
-                      Nb URL erreur
+                    <th class="fr-cell--right">
+                      URL en erreur
                       <button
                         class="fr-btn--tooltip fr-btn"
                         type="button"
@@ -209,15 +213,14 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
                         role="tooltip"
                         aria-hidden="true"
                       >
-                        Le nombre d'url par groupe : elles peuvent être en
-                        anomalie ( anomalie liée à l'url et/ou à MISIS) dans le
-                        cas d'une anomalie, le symbole rouge est affiché avec le
-                        nombre url correspondantes. Ou bien si aucune anomalie
-                        détectées Misis affiche la coche verte.
+                        Le nombre d'URL par groupe : elles peuvent être en
+                        erreur (en cas d'anomalie liée à l'URL elle-même ou à MISIS),
+                        le symbole rouge est alors affiché avec le nombre d'URL concernées.
+                        Si aucune anomalie n'est détectée, MISIS affiche la coche verte.
                       </span>
                     </th>
-                    <th>
-                      Nb URL total
+                    <th class="fr-cell--right">
+                      Total URL
                       <button
                         class="fr-btn--tooltip fr-btn"
                         type="button"
@@ -232,7 +235,7 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
                         role="tooltip"
                         aria-hidden="true"
                       >
-                        Le nombre d'url du groupe analysé
+                        Le nombre d'URL du groupe
                       </span>
                     </th>
                     <th>
@@ -251,7 +254,7 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
                         role="tooltip"
                         aria-hidden="true"
                       >
-                        Pour consulter le détail de l'analyse par groupe.
+                        Pour consulter le détail de l'analyse du groupe.
                       </span>
                     </th>
                   </tr>
@@ -286,7 +289,7 @@ import { GroupDetailsDto } from '../../../../rest/model/group-details-dto';
                     </td>
                     <td>
                       <button
-                        class="fr-btn fr-btn--secondary fr-btn--icon-right fr-icon-arrow-right-line"
+                        class="fr-btn fr-btn--sm fr-btn--secondary fr-btn--icon-right fr-icon-arrow-right-line"
                         [routerLink]="['groupe', group[0]]"
                         title="Accéder aux détails"
                       >

src/app/views/protected/suivis/detail-suivi/parametrer-un-suivi/modifier-les-groupes/modifier-les-groupes.component.ts

@@ -45,7 +45,7 @@ import {
       <div class="fr-grid-row">
         <div
           [class.fr-col-offset-md-3]="centerInPage()"
-          class="fr-col-md-6"
+          class="fr-col-md-8"
           formArrayName="groupOfPages"
         >
           @for (groupOfPagesForm of form().controls.groupOfPages.controls; track

src/app/views/protected/suivis/suivis-wrapper.component.ts

@@ -111,6 +111,6 @@ export default class SuivisWrapperComponent {
   plural = {
     '=0': 'Aucun suivi',
     '=1': 'Un suivi',
-    other: '# suivies',
+    other: '# suivis',
   };
 }