From 95f4195ca7fef037501dbf6f5db316cda76350f8 Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Thu, 8 Dec 2022 14:27:21 +0100
Subject: [PATCH] shortcuts layout fix

---
 .../widgets/type_widgets/content_widget.js    |  9 +++++++
 .../widgets/type_widgets/options/shortcuts.js | 26 ++++++++++++++++---
 2 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/content_widget.js b/src/public/app/widgets/type_widgets/content_widget.js
index 2143eb2ef..5055ca910 100644
--- a/src/public/app/widgets/type_widgets/content_widget.js
+++ b/src/public/app/widgets/type_widgets/content_widget.js
@@ -30,8 +30,17 @@ import DatabaseAnonymizationOptions from "./options/advanced/database_anonymizat
 
 const TPL = `<div class="note-detail-content-widget note-detail-printable">
     <style>
+        .type-contentWidget .note-detail {
+            height: 100%;
+        }
+        
+        .note-detail-content-widget {
+            height: 100%;
+        }
+    
         .note-detail-content-widget-content {
             padding: 15px;
+            height: 100%;
         }
     </style>
 
diff --git a/src/public/app/widgets/type_widgets/options/shortcuts.js b/src/public/app/widgets/type_widgets/options/shortcuts.js
index 9dd15bf91..f3393fdca 100644
--- a/src/public/app/widgets/type_widgets/options/shortcuts.js
+++ b/src/public/app/widgets/type_widgets/options/shortcuts.js
@@ -4,7 +4,27 @@ import dialogService from "../../../services/dialog.js";
 import OptionsWidget from "./options_widget.js";
 
 const TPL = `
-<div class="options-section" style="display: flex; flex-direction: column; height: 100%;">
+<div class="options-section shortcuts-options-section">
+    <style>
+        .shortcuts-options-section {
+            display: flex; 
+            flex-direction: column; 
+            height: 100%;
+        }
+    
+        .shortcuts-table-container {
+            overflow: auto; 
+            flex-grow: 1; 
+            flex-shrink: 1; 
+        }    
+        
+        .shortcuts-options-buttons {
+            display: flex; 
+            justify-content: space-between;
+            margin: 15px 15px 0 15px;
+        }
+    </style>
+
     <h4>Keyboard shortcuts</h4>
     
     <p>
@@ -16,7 +36,7 @@ const TPL = `
         <input type="text" class="keyboard-shortcut-filter form-control" placeholder="Type text to filter shortcuts...">
     </div>
     
-    <div style="overflow: auto; flex-grow: 1; flex-shrink: 1;">
+    <div class="shortcuts-table-container">
         <table class="keyboard-shortcut-table" cellpadding="10">
         <thead>
             <tr>
@@ -30,7 +50,7 @@ const TPL = `
         </table>
     </div>
     
-    <div style="display: flex; justify-content: space-between">
+    <div class="shortcuts-options-buttons">
         <button class="options-keyboard-shortcuts-reload-app btn btn-primary">Reload app to apply changes</button>
         
         <button class="options-keyboard-shortcuts-set-all-to-default btn">Set all shortcuts to the default</button>