From 540aba39db072a8301f92f20c6334934ba5653c8 Mon Sep 17 00:00:00 2001
From: zadam <zadam.apps@gmail.com>
Date: Thu, 16 Jun 2022 23:00:40 +0200
Subject: [PATCH] vertical navigation in options

---
 src/public/app/widgets/dialogs/options.js | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/dialogs/options.js b/src/public/app/widgets/dialogs/options.js
index 056faab73..cac0caf64 100644
--- a/src/public/app/widgets/dialogs/options.js
+++ b/src/public/app/widgets/dialogs/options.js
@@ -6,7 +6,18 @@ import BasicWidget from "../basic_widget.js";
 
 const TPL = `
 <div class="options-dialog modal fade mx-auto" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-lg modal-dialog-scrollable" style="min-width: 1000px;" role="document">
+    <style>
+        .options-dialog .nav {
+            margin-right: 20px;
+        }
+        
+        .options-dialog .tab-content {
+            overflow-y: auto;
+            max-height: 85vh;
+        }
+    </style>
+
+    <div class="modal-dialog modal-lg" style="min-width: 1000px;" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h5 class="modal-title">Options</h5>
@@ -15,8 +26,8 @@ const TPL = `
                 </button>
             </div>
             <div class="modal-body">
-                <div>
-                    <ul class="nav nav-tabs">
+                <div style="display: flex">
+                    <ul class="nav nav-tabs flex-column">
                         <li class="nav-item">
                             <a class="nav-link active" data-toggle="tab" href="#options-appearance">Appearance</a>
                         </li>