From df24271e09ddb4014d3bcda5646ee4a8c1e0b4b8 Mon Sep 17 00:00:00 2001
From: Christian Georgi <christian.georgi@sap.com>
Date: Fri, 17 Jul 2026 17:04:33 +0200
Subject: [PATCH] Fix content width of shortcuts table

Allow the shortcuts table content to grow again.
---
 .vitepress/theme/components/ShortcutsList.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/.vitepress/theme/components/ShortcutsList.vue b/.vitepress/theme/components/ShortcutsList.vue
index 7b88de875d..40f068f785 100644
--- a/.vitepress/theme/components/ShortcutsList.vue
+++ b/.vitepress/theme/components/ShortcutsList.vue
@@ -6,7 +6,7 @@
           <span class="modal-close" title="Close dialog" @click="visible = false">&times;</span>
           <h5 class="no-anchor">Keyboard Shortcuts</h5>
         </div>
-        <div id="shortcuts-list" class="modal-body">
+        <div id="shortcuts-list" class="modal-body no-wide">
           <table>
             <tr v-for="cmd in activeCommands" :key="cmd.name">
               <td>{{ cmd.name }}</td>
@@ -194,8 +194,11 @@ td, th {
 /* Modal Content */
 .modal-content {
   position: relative;
+  display: flex;
+  flex-direction: column;
   overflow: hidden;
   resize: both;
+  box-sizing: border-box;
   background-color: var(--vp-c-bg-soft);
   margin: 10% auto;
   border: 1px solid var(--vp-c-divider);
@@ -219,6 +222,9 @@ td, th {
 
 /* Modal Body */
 .modal-body {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow: auto;
   font-size: 14px;
 }