From 92c487efa107581937871cb7abc281ea30b1be1b Mon Sep 17 00:00:00 2001
From: erwanMarmelab <erwan@marmelab.com>
Date: Wed, 31 Jan 2024 17:23:40 +0100
Subject: [PATCH] fix img definition

---
 docs/AuthProviderList.md | 16 ++--------------
 docs/DataProviderList.md | 13 +------------
 docs/css/style-v20.css   | 11 ++++++++++-
 3 files changed, 13 insertions(+), 27 deletions(-)

diff --git a/docs/AuthProviderList.md b/docs/AuthProviderList.md
index 2a38abe78a4..ab9cef180ac 100644
--- a/docs/AuthProviderList.md
+++ b/docs/AuthProviderList.md
@@ -7,7 +7,7 @@ title: "Supported Auth Provider Backends"
 
 It's very common that your auth logic is so specific that you'll need to write your own `authProvider`. However, the community has built a few open-source Auth Providers that may fit your need:
 
-<div class="auth-providers-list" markdown="1">
+<div class="providers-list" markdown="1">
 - ![auth0 Logo](/img/backend-logos/auth0.svg "auth0 Logo")**[Auth0](https://auth0.com/)**: [marmelab/ra-auth-auth0](https://github.com/marmelab/ra-auth-auth0/blob/main/packages/ra-auth-auth0/Readme.md)
 - ![amplify Logo](/img/backend-logos/amplify.svg "amplify Logo")**[AWS Amplify](https://docs.amplify.aws)**: [MrHertal/react-admin-amplify](https://github.com/MrHertal/react-admin-amplify)
 - ![cognito Logo](/img/backend-logos/aws.png "cognito Logo")**[AWS Cognito](https://docs.aws.amazon.com/cognito/latest/developerguide/setting-up-the-javascript-sdk.html)**: [marmelab/ra-auth-cognito](https://github.com/marmelab/ra-auth-cognito/blob/main/packages/ra-auth-cognito/Readme.md)
@@ -23,21 +23,9 @@ It's very common that your auth logic is so specific that you'll need to write y
 
 Beyond ready-to-use providers, you may find help in these third-party tutorials about integrating more authentication backends:
 
-<div class="auth-providers-list" markdown="1">
+<div class="providers-list" markdown="1">
 - ![loopback Logo](/img/backend-logos/loopback4.svg "loopback Logo")**[Loopback](https://loopback.io/doc/en/lb4/Authentication-overview.html)**: [appsmith dev.to tutorial](https://dev.to/appsmith/building-an-admin-dashboard-with-react-admin-86i#adding-authentication-to-reactadmin)
 - ![openid Logo](/img/backend-logos/openid.svg "openid Logo")**[OpenID Connect (OIDC)](https://openid.net/connect/)**: [marmelab/ra-example-oauth](https://github.com/marmelab/ra-example-oauth)
 </div>
 
 If you have released a reusable `authProvider`, or a tutorial for another auth backend, please open a PR to add it to this list!
-
-<style>
-.auth-providers-list ul {
-  padding-left: 0;
-}
-.auth-providers-list ul > li {
-  list-style-type: none;
-}
-.auth-providers-list .avatar {
-  margin: 0 5px 0 0;
-}
-</style>
\ No newline at end of file
diff --git a/docs/DataProviderList.md b/docs/DataProviderList.md
index 1d2d331cfd6..8a7cf37bd68 100644
--- a/docs/DataProviderList.md
+++ b/docs/DataProviderList.md
@@ -9,7 +9,7 @@ Thanks to the Data Provider architecture, react-admin supports a lot of API back
 
 If you can't find a Data Provider for your backend below, no worries! [Writing a Data Provider](./DataProviderWriting.md) takes a couple of hours, and won't prevent you from using react-admin.
 
-<div class="data-providers-list" markdown="1">
+<div class="providers-list" markdown="1">
 * ![AppWrite Logo](/img/backend-logos/appwrite.svg "AppWrite Logo")**[AppWrite](https://appwrite.io/)**: [g33kdev/ra-appwrite](https://github.com/g33kdev/ra-appwrite)
 * ![AWS Amplify Logo](/img/backend-logos/amplify.svg "AWS Amplify Logo")**[AWS Amplify](https://docs.amplify.aws)**: [MrHertal/react-admin-amplify](https://github.com/MrHertal/react-admin-amplify)
 * ![blitz Logo](/img/backend-logos/blitz.svg "blitz Logo")**[Blitz-js](https://blitzjs.com/docs)**: [theapexlab/ra-data-blitz](https://github.com/theapexlab/ra-data-blitz)
@@ -76,17 +76,6 @@ If you can't find a Data Provider for your backend below, no worries! [Writing a
 * ![wooCommerce Logo](/img/backend-logos/wooCommerce.png "wooCommerce Logo")**[WooCommerce REST API](https://woocommerce.github.io/woocommerce-rest-api-docs)**: [zackha/ra-data-woocommerce](https://github.com/zackha/ra-data-woocommerce)
 </div>
 
-<style>
-.data-providers-list ul {
-  padding-left: 0;
-}
-.data-providers-list ul > li {
-  list-style-type: none;
-}
-.data-providers-list .avatar {
-  margin: 0 5px 0 0;
-}
-</style>
 
 That's a long list!
 
diff --git a/docs/css/style-v20.css b/docs/css/style-v20.css
index d3988fa3e62..c5f24322f07 100644
--- a/docs/css/style-v20.css
+++ b/docs/css/style-v20.css
@@ -721,7 +721,7 @@ body.no-sidebar .sidenav-trigger {
 
 /* Auth and Data Provider icons */
 
-img {
+.providers-list img {
     max-width: 25px !important;
     max-height: 17px !important;
     margin: 0px 5px 0px 0px !important;
@@ -743,3 +743,12 @@ img {
     border-radius: 100%;
     font-size: 12px;
 }
+.providers-list ul {
+    padding-left: 0;
+}
+.providers-list ul > li {
+    list-style-type: none;
+}
+.providers-list .avatar {
+    margin: 0 5px 0 0;
+}