From d153c504544977ecb76248ddb06918080ebbe1b7 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Fri, 21 Apr 2023 09:38:18 +0100
Subject: [PATCH] [v9.5.x] Plugins: Fix width for README pages with tables
 (#67025)

Plugins: Fix width for README pages with tables (#66872)

(cherry picked from commit 29aaf429ad14e9bd72af7969a31846f6b164dcf5)

Co-authored-by: Andres Martinez Gotor <andres.martinez@grafana.com>
---
 .../admin/components/PluginDetailsBody.tsx     | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/public/app/features/plugins/admin/components/PluginDetailsBody.tsx b/public/app/features/plugins/admin/components/PluginDetailsBody.tsx
index ecd4a44c7c8..58d503472af 100644
--- a/public/app/features/plugins/admin/components/PluginDetailsBody.tsx
+++ b/public/app/features/plugins/admin/components/PluginDetailsBody.tsx
@@ -119,5 +119,23 @@ export const getStyles = (theme: GrafanaTheme2) => ({
         text-decoration: underline;
       }
     }
+
+    table {
+      table-layout: fixed;
+      width: 100%;
+
+      td,
+      th {
+        overflow-x: auto;
+        padding: ${theme.spacing(0.5)} ${theme.spacing(1)};
+      }
+
+      table,
+      th,
+      td {
+        border: 1px solid ${theme.colors.border.medium};
+        border-collapse: collapse;
+      }
+    }
   `,
 });