Fix the grid on the homepage of the documentation (#7559)

* Remove the custom grid styles, the latest version of Material for MkDocs has this as a default option.

The minimum version for Material for MkDocs is 9.5, this is added in the `requirements.txt`

docs/manual/docs/index.fr.md

@@ -9,36 +9,52 @@ Bienvenue à GeoNetwork. Cette documentation est organisée en guides spécifiqu
 
 <div class="grid cards" markdown>
 
-:fontawesome-solid-signs-post: [Vue d'ensemble](overview/index.md)
-
-:   Historique de GeoNetwork, communauté, détails de la licence et derniers changements.
-
-:fontawesome-solid-circle-info: [Aide en ligne](help/index.md)
-
-:   Aide en ligne pour les visiteurs du catalogue (aucune connexion n'est requise).
-
-:fontawesome-solid-person-circle-question: [Guide de l'utilisateur](user-guide/index.md)
-
-:   Guide de l'utilisateur opérationnel décrivant l'édition, la révision et la gestion des enregistrements (nécessite une connexion).
-
-:fontawesome-solid-screwdriver-wrench: [Guide du mainteneur](maintainer-guide/index.md)
-
-:   Instructions d'installation, de configuration et de mise à jour
-
-:fontawesome-solid-user-graduate: [Tutoriels](tutorials/index.md)
-
-:   Explorer des sujets à l'aide de tutoriels étape par étape
-
-:fontawesome-solid-plug: [Référence API](api/index.md)
-
-:   Référence API pour les développeurs accédant aux services du catalogue.
-
-:fontawesome-regular-file-code: [Développement](devel/index.md)
-
-:   Informations sur le développement, la personnalisation de GeoNetwork et la participation au projet GeoNetwork.
-
-:fontawesome-regular-bookmark: [Annexes](annexes/index.md)
-
-:   Informations de référence
+-   :fontawesome-solid-signs-post: [Vue d'ensemble](overview/index.md)
+
+    ---
+
+    Historique de GeoNetwork, communauté, détails de la licence et derniers changements.
+
+-   :fontawesome-solid-circle-info: [Aide en ligne](help/index.md)
+
+    ---
+
+    Aide en ligne pour les visiteurs du catalogue (aucune connexion n'est requise).
+
+-   :fontawesome-solid-person-circle-question: [Guide de l'utilisateur](user-guide/index.md)
+
+    ---
+
+    Guide de l'utilisateur opérationnel décrivant l'édition, la révision et la gestion des enregistrements (nécessite une connexion).
+
+-   :fontawesome-solid-screwdriver-wrench: [Guide du mainteneur](maintainer-guide/index.md)
+
+    ---
+
+    Instructions d'installation, de configuration et de mise à jour
+
+-   :fontawesome-solid-user-graduate: [Tutoriels](tutorials/index.md)
+
+    ---
+
+    Explorer des sujets à l'aide de tutoriels étape par étape
+
+-   :fontawesome-solid-plug: [Référence API](api/index.md)
+
+    ---
+
+    Référence API pour les développeurs accédant aux services du catalogue.
+
+-   :fontawesome-regular-file-code: [Développement](devel/index.md)
+
+    ---
+
+    Informations sur le développement, la personnalisation de GeoNetwork et la participation au projet GeoNetwork.
+
+-   :fontawesome-regular-bookmark: [Annexes](annexes/index.md)
+
+    ---
+
+    Informations de référence
 
 </div>

docs/manual/docs/index.md

@@ -9,36 +9,52 @@ Welcome to GeoNetwork. This documentation is organized into specific guides targ
 
 <div class="grid cards" markdown>
 
-:fontawesome-solid-signs-post:   [Overview](overview/index.md)
-
-: GeoNetwork background, community, license details, and the latest changes.
-
-:fontawesome-solid-circle-info:   [Online Help](help/index.md)
-
-: Online help for visitors to the catalogue (no login required).
-
-:fontawesome-solid-person-circle-question:   [User Guide](user-guide/index.md)
-
-: Operational user-guide describing the editing, review and management of records (requires-login).
-
-:fontawesome-solid-screwdriver-wrench:   [Maintainer Guide](maintainer-guide/index.md)
-
-: Installation, setup and update instructions
-
-:fontawesome-solid-user-graduate:   [Tutorials](tutorials/index.md)
-
-: Explore topics using step-by-step tutorials
-
-:fontawesome-solid-plug:   [API Reference](api/index.md)
-
-: API Reference for developers accecssing catalogue services.
-
-:fontawesome-regular-file-code:   [Development](devel/index.md)
-
-: Development information on customizing GeoNetwork and taking part in the GeoNetwork project.
-
-:fontawesome-regular-bookmark:   [Annexes](annexes/index.md)
-
-: Reference information
+-   :fontawesome-solid-signs-post:   [Overview](overview/index.md)
+
+    ---
+
+    GeoNetwork background, community, license details, and the latest changes.
+
+-   :fontawesome-solid-circle-info:   [Online Help](help/index.md)
+
+    ---
+
+    Online help for visitors to the catalogue (no login required).
+
+-   :fontawesome-solid-person-circle-question:   [User Guide](user-guide/index.md)
+
+    ---
+
+    Operational user-guide describing the editing, review and management of records (requires-login).
+
+-   :fontawesome-solid-screwdriver-wrench:   [Maintainer Guide](maintainer-guide/index.md)
+
+    ---
+
+    Installation, setup and update instructions
+
+ -  :fontawesome-solid-user-graduate:   [Tutorials](tutorials/index.md)
+
+    ---
+
+    Explore topics using step-by-step tutorials
+
+-   :fontawesome-solid-plug:   [API Reference](api/index.md)
+
+    ---
+
+    API Reference for developers accecssing catalogue services.
+
+-   :fontawesome-regular-file-code:   [Development](devel/index.md)
+
+    ---
+
+    Development information on customizing GeoNetwork and taking part in the GeoNetwork project.
+
+-   :fontawesome-regular-bookmark:   [Annexes](annexes/index.md)
+
+    ---
+
+    Reference information
 
 </div>

docs/manual/overrides/assets/stylesheets/extra.css

@@ -9,48 +9,6 @@ img + em, .browser-border + em, .browser-mockup + em {
   font-size: 0.75rem;
 }
 
-/* grid */
-.md-typeset .grid {
-  column-count: 2;
-  column-gap: 2em;
-  margin-bottom: 20px;
-}
-.md-typeset .grid dl {
-  display: grid;
-  grid-template-columns: repeat(auto-fit,minmax(16rem,1fr));
-  margin: 0;
-}
-.md-typeset .grid.cards dt, .md-typeset .grid.cards dd {
-  border: 0.05rem solid var(--md-default-fg-color--lightest);
-  border-radius: 0.1rem;
-  display: block;
-  margin: 0;
-  padding: 0.8rem;
-  transition: border .25s,box-shadow .25s;
-}
-.md-typeset .grid.cards dt {
-  font-weight: bold;
-}
-.md-typeset .grid.cards dt .twemoji {
-  margin-right: 5px;
-}
-.md-typeset .grid.cards dd {
-  margin-bottom: 0.8rem;
-  margin-top: -1px;
-}
-.md-typeset .grid.cards dd p {
-  margin: 0;
-}
-@media (max-width: 768px) {
-  .md-typeset .grid dl {
-    display: inline-block;
-    margin-bottom: 20px;
-  }
-  .md-typeset .grid.cards dt, .md-typeset .grid.cards dd {
-    width: calc(100vw - 1.2rem - 1.2rem);
-  }
-}
-
 /* definition list used to display general inputs */
 .md-typeset dl dd {
   margin: 10px 0;

docs/manual/requirements.txt

@@ -1,4 +1,4 @@
-mkdocs-material
+mkdocs-material>=9.5.3
 mkdocs-static-i18n>=1.0.5
 mkdocs-include-markdown-plugin
 mkdocs-exclude