diff --git a/package-lock.json b/package-lock.json
index 0432bf7d8..87fd68a1d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10922,9 +10922,9 @@
       }
     },
     "rcedit": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/rcedit/-/rcedit-2.0.0.tgz",
-      "integrity": "sha512-XcFGyEBjhWSsud+R8elwQtGBbVkCf7tAiad+nXo5jc6l2rMf46NfGNwjnmBNneBIZDfq+Npf8lwP371JTONfrw=="
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/rcedit/-/rcedit-2.1.0.tgz",
+      "integrity": "sha512-Nrd/65LzMjFmKpS9d2fqIxVYdW0M8ovsN0PgZhCrPMQss2yznkp6/zjEQ1a9DzzoGv2uuN3yDJAeHybOD5ZNKA=="
     },
     "read-all-stream": {
       "version": "3.1.0",
diff --git a/package.json b/package.json
index 2c9d330ea..cebd72f1a 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,7 @@
     "pngjs": "3.4.0",
     "portscanner": "2.2.0",
     "rand-token": "0.4.0",
-    "rcedit": "2.0.0",
+    "rcedit": "2.1.0",
     "rimraf": "3.0.0",
     "sanitize-filename": "1.6.3",
     "sax": "1.2.4",
diff --git a/src/public/javascripts/dialogs/options/advanced.js b/src/public/javascripts/dialogs/options/advanced.js
index 1f773daa0..c1c7ba581 100644
--- a/src/public/javascripts/dialogs/options/advanced.js
+++ b/src/public/javascripts/dialogs/options/advanced.js
@@ -1,8 +1,35 @@
 import server from "../../services/server.js";
 import toastService from "../../services/toast.js";
 
+const TPL = `
+<h4 style="margin-top: 0;">Sync</h4>
+<button id="force-full-sync-button" class="btn btn-secondary">Force full sync</button>
+
+<br/>
+<br/>
+
+<button id="fill-sync-rows-button" class="btn btn-secondary">Fill sync rows</button>
+
+<br/>
+<br/>
+
+<h4>Debugging</h4>
+
+<button id="anonymize-button" class="btn btn-secondary">Save anonymized database</button><br/><br/>
+
+<p>This action will create a new copy of the database and anonymise it (remove all note content and leave only structure and metadata)
+    for sharing online for debugging purposes without fear of leaking your personal data.</p>
+
+<h4>Vacuum database</h4>
+
+<p>This will rebuild database which will typically result in smaller database file. No data will be actually changed.</p>
+
+<button id="vacuum-database-button" class="btn btn-secondary">Vacuum database</button>`;
+
 export default class AdvancedOptions {
     constructor() {
+        $("#options-advanced").html(TPL);
+
         this.$forceFullSyncButton = $("#force-full-sync-button");
         this.$fillSyncRowsButton = $("#fill-sync-rows-button");
         this.$anonymizeButton = $("#anonymize-button");
diff --git a/src/public/javascripts/dialogs/options/appearance.js b/src/public/javascripts/dialogs/options/appearance.js
index d805bdf8d..8dfaf89cb 100644
--- a/src/public/javascripts/dialogs/options/appearance.js
+++ b/src/public/javascripts/dialogs/options/appearance.js
@@ -4,8 +4,108 @@ import cssLoader from "../../services/css_loader.js";
 import zoomService from "../../services/zoom.js";
 import optionsService from "../../services/options.js";
 
+const TPL = `
+<p><strong>Settings on this options tab are saved automatically after each change.</strong></p>
+
+<form>
+    <div class="form-group row">
+        <div class="col-4">
+            <label for="theme-select">Theme</label>
+            <select class="form-control" id="theme-select"></select>
+        </div>
+
+        <div class="col-4">
+            <label for="zoom-factor-select">Zoom factor (desktop build only)</label>
+
+            <input type="number" class="form-control" id="zoom-factor-select" min="0.3" max="2.0" step="0.1"/>
+        </div>
+
+        <div class="col-4">
+            <label for="one-tab-display-select">If there's only one tab, then...</label>
+            <select class="form-control" id="one-tab-display-select">
+                <option value="show">show the tab bar</option>
+                <option value="hide">hide the tab bar</option>
+            </select>
+        </div>
+    </div>
+
+    <p>Zooming can be controlled with CTRL-+ and CTRL-= shortcuts as well.</p>
+
+    <h4>Font sizes</h4>
+
+    <div class="form-group row">
+        <div class="col-4">
+            <label for="main-font-size">Main font size</label>
+
+            <div class="input-group">
+                <input type="number" class="form-control" id="main-font-size" min="50" max="200" step="10"/>
+                <div class="input-group-append">
+                    <span class="input-group-text">%</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-4">
+            <label for="tree-font-size">Note tree font size</label>
+
+            <div class="input-group">
+                <input type="number" class="form-control" id="tree-font-size" min="50" max="200" step="10"/>
+                <div class="input-group-append">
+                    <span class="input-group-text">%</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-4">
+            <label for="detail-font-size">Note detail font size</label>
+
+            <div class="input-group">
+                <input type="number" class="form-control" id="detail-font-size" min="50" max="200" step="10"/>
+                <div class="input-group-append">
+                    <span class="input-group-text">%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <p>Note that tree and detail font sizing is relative to the main font size setting.</p>
+
+    <h4>Left pane sizing</h4>
+
+    <div class="form-group row">
+        <div class="col-6">
+            <label for="left-pane-min-width">Left pane minimum width (in pixels)</label>
+
+            <div class="input-group">
+                <input type="number" class="form-control" id="left-pane-min-width" min="100" max="2000" step="1"/>
+
+                <div class="input-group-append">
+                    <span class="input-group-text">px</span>
+                </div>
+            </div>
+        </div>
+
+        <div class="col-6">
+            <label for="left-pane-min-width">Left pane width percent of window size</label>
+
+            <div class="input-group">
+                <input type="number" class="form-control" id="left-pane-width-percent" min="0" max="99" step="1"/>
+
+                <div class="input-group-append">
+                    <span class="input-group-text">%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <p>Left pane width is calculated from the percent of window size, if this is smaller than minimum width, then minimum width is used. If you want to have fixed width left pane, set minimum width to the desired width and set percent to 0.</p>
+
+</form>`;
+
 export default class ApperanceOptions {
     constructor() {
+        $("#options-appearance").html(TPL);
+
         this.$themeSelect = $("#theme-select");
         this.$zoomFactorSelect = $("#zoom-factor-select");
         this.$oneTabDisplaySelect = $("#one-tab-display-select");
diff --git a/src/public/javascripts/dialogs/options/change_password.js b/src/public/javascripts/dialogs/options/change_password.js
index a55a222bc..171893def 100644
--- a/src/public/javascripts/dialogs/options/change_password.js
+++ b/src/public/javascripts/dialogs/options/change_password.js
@@ -2,8 +2,30 @@ import server from "../../services/server.js";
 import protectedSessionHolder from "../../services/protected_session_holder.js";
 import toastService from "../../services/toast.js";
 
+const TPL = `
+<form id="change-password-form">
+    <div class="form-group">
+        <label for="old-password">Old password</label>
+        <input class="form-control" id="old-password" type="password">
+    </div>
+
+    <div class="form-group">
+        <label for="new-password1">New password</label>
+        <input class="form-control" id="new-password1" type="password">
+    </div>
+
+    <div class="form-group">
+        <label for="new-password2">New password once more</label>
+        <input class="form-control" id="new-password2" type="password">
+    </div>
+
+    <button class="btn btn-primary">Change password</button>
+</form>`;
+
 export default class ChangePasswordOptions {
     constructor() {
+        $("#options-change-password").html(TPL);
+
         this.$form = $("#change-password-form");
         this.$oldPassword = $("#old-password");
         this.$newPassword1 = $("#new-password1");
diff --git a/src/public/javascripts/dialogs/options/code_notes.js b/src/public/javascripts/dialogs/options/code_notes.js
index 572e2b928..4e71368d2 100644
--- a/src/public/javascripts/dialogs/options/code_notes.js
+++ b/src/public/javascripts/dialogs/options/code_notes.js
@@ -2,8 +2,15 @@ import server from "../../services/server.js";
 import mimeTypesService from "../../services/mime_types.js";
 import optionsService from "../../services/options.js";
 
+const TPL = `
+<h4>Available MIME types in the dropdown</h4>
+
+<ul id="options-mime-types" style="max-height: 500px; overflow: auto; list-style-type: none;"></ul>`;
+
 export default class CodeNotesOptions {
     constructor() {
+        $("#options-code-notes").html(TPL);
+
         this.$mimeTypes = $("#options-mime-types");
     }
 
diff --git a/src/public/javascripts/dialogs/options/other.js b/src/public/javascripts/dialogs/options/other.js
index 8baff5c13..a1a764bb8 100644
--- a/src/public/javascripts/dialogs/options/other.js
+++ b/src/public/javascripts/dialogs/options/other.js
@@ -2,8 +2,68 @@ import optionsService from "../../services/options.js";
 import server from "../../services/server.js";
 import toastService from "../../services/toast.js";
 
+const TPL = `
+<div>
+    <h4>Spell check</h4>
+
+    <p>These options apply only for desktop builds, browsers will use their own native spell check.</p>
+
+    <div class="custom-control custom-checkbox">
+        <input type="checkbox" class="custom-control-input" id="spell-check-enabled">
+        <label class="custom-control-label" for="spell-check-enabled">Enable spellcheck</label>
+    </div>
+
+    <br/>
+
+    <div class="form-group">
+        <label for="spell-check-language-code">Language code</label>
+        <input type="email" class="form-control" id="spell-check-language-code" placeholder="for example &quot;en-US&quot;, &quot;de-AT&quot;">
+    </div>
+
+    <p>Changes to the spell check options will take effect after application restart.</p>
+</div>
+
+<div>
+    <h4>Image compression</h4>
+
+    <div class="form-group">
+        <label for="image-max-width-height">Max width / height of an image in pixels (if image will be resized if it exceeds this setting).</label>
+        <input class="form-control" id="image-max-width-height" type="number">
+    </div>
+
+    <div class="form-group">
+        <label for="image-jpeg-quality">JPEG quality (0 - worst quality, 100 best quality)</label>
+        <input class="form-control" id="image-jpeg-quality" min="0" max="100" type="number">
+    </div>
+</div>
+
+<div>
+    <h4>Protected session timeout</h4>
+
+    <p>Protected session timeout is a time period after which the protected session is wiped out from
+        browser's memory. This is measured from the last interaction with protected notes. See <a href="https://github.com/zadam/trilium/wiki/Protected-notes" class="external">wiki</a> for more info.</p>
+
+    <div class="form-group">
+        <label for="protected-session-timeout-in-seconds">Protected session timeout (in seconds)</label>
+        <input class="form-control" id="protected-session-timeout-in-seconds" type="number">
+    </div>
+</div>
+
+<div>
+    <h4>Note revisions snapshot interval</h4>
+
+    <p>Note revision snapshot time interval is time in seconds after which new note revision will be created for the note. See <a href="https://github.com/zadam/trilium/wiki/Note-revisions" class="external">wiki</a> for more info.</p>
+
+    <div class="form-group">
+        <label for="note-revision-snapshot-time-interval-in-seconds">Note revision snapshot time interval (in seconds)</label>
+        <input class="form-control" id="note-revision-snapshot-time-interval-in-seconds" type="number">
+    </div>
+</div>`;
+
 export default class ProtectedSessionOptions {
     constructor() {
+        $("#options-other").html(TPL);
+
         this.$spellCheckEnabled = $("#spell-check-enabled");
         this.$spellCheckLanguageCode = $("#spell-check-language-code");
 
diff --git a/src/public/javascripts/dialogs/options/sidebar.js b/src/public/javascripts/dialogs/options/sidebar.js
index 3aad194c1..f573c0f3e 100644
--- a/src/public/javascripts/dialogs/options/sidebar.js
+++ b/src/public/javascripts/dialogs/options/sidebar.js
@@ -2,8 +2,62 @@ import libraryLoader from "../../services/library_loader.js";
 import server from "../../services/server.js";
 import optionsService from "../../services/options.js";
 
+const TPL = `
+<h4>Show sidebar in new tab</h4>
+
+<div class="form-check">
+    <input type="checkbox" class="form-check-input" id="show-sidebar-in-new-tab">
+    <label class="form-check-label" for="show-sidebar-in-new-tab">Show sidebar in new tab</label>
+</div>
+
+<br>
+
+<h4>Sidebar sizing</h4>
+
+<div class="form-group row">
+    <div class="col-6">
+        <label for="sidebar-min-width">Sidebar minimum width (in pixels)</label>
+
+        <div class="input-group">
+            <input type="number" class="form-control" id="sidebar-min-width" min="100" max="2000" step="1"/>
+
+            <div class="input-group-append">
+                <span class="input-group-text">px</span>
+            </div>
+        </div>
+    </div>
+
+    <div class="col-6">
+        <label for="left-pane-min-width">Sidebar width percent of the detail pane</label>
+
+        <div class="input-group">
+            <input type="number" class="form-control" id="sidebar-width-percent" min="0" max="70" step="1"/>
+
+            <div class="input-group-append">
+                <span class="input-group-text">%</span>
+            </div>
+        </div>
+    </div>
+</div>
+
+<p>Sidebar width is calculated from the percent of the detail pane, if this is smaller than minimum width, then minimum width is used. If you want to have fixed width sidebar, set minimum width to the desired width and set percent to 0.</p>
+
+<h4>Widgets</h4>
+
+<div id="widgets-configuration" class="row">
+    <h5 class="col-6">Enabled widgets</h5>
+
+    <h5 class="col-6">Disabled widgets</h5>
+
+    <div id="widgets-enabled" class="list-group col"></div>
+
+    <div id="widgets-disabled" class="list-group col"></div>
+</div>`;
+
 export default class SidebarOptions {
     constructor() {
+        $("#options-sidebar").html(TPL);
+
         this.$sidebarMinWidth = $("#sidebar-min-width");
         this.$sidebarWidthPercent = $("#sidebar-width-percent");
         this.$showSidebarInNewTab = $("#show-sidebar-in-new-tab");
diff --git a/src/public/javascripts/dialogs/options/sync.js b/src/public/javascripts/dialogs/options/sync.js
index d69b311be..c6f7ab43d 100644
--- a/src/public/javascripts/dialogs/options/sync.js
+++ b/src/public/javascripts/dialogs/options/sync.js
@@ -1,8 +1,46 @@
 import server from "../../services/server.js";
 import toastService from "../../services/toast.js";
 
+const TPL = `
+<h4 style="margin-top: 0px;">Sync configuration</h4>
+
+<form id="sync-setup-form">
+    <div class="form-group">
+        <label for="sync-server-host">Server instance address</label>
+        <input class="form-control" id="sync-server-host" placeholder="https://<host>:<port>">
+    </div>
+
+    <div class="form-group">
+        <label for="sync-server-timeout">Sync timeout (milliseconds)</label>
+        <input class="form-control" id="sync-server-timeout" min="1" max="10000000" type="number">
+    </div>
+
+    <div class="form-group">
+        <label for="sync-proxy">Sync proxy server (optional)</label>
+        <input class="form-control" id="sync-proxy" placeholder="https://<host>:<port>">
+
+        <p><strong>Note:</strong> If you leave proxy setting blank, system proxy will be used (applies to desktop/electron build only)</p>
+    </div>
+
+    <div style="display: flex; justify-content: space-between;">
+        <button class="btn btn-primary">Save</button>
+
+        <button class="btn btn-secondary" type="button" data-help-page="Synchronization">Help</button>
+    </div>
+</form>
+
+<br/>
+
+<h4>Sync test</h4>
+
+<p>This will test connection and handshake to the sync server. If sync server isn't initialized, this will set it up to sync with local document.</p>
+
+<button id="test-sync-button" class="btn btn-secondary">Test sync</button>`;
+
 export default class SyncOptions {
     constructor() {
+        $("#options-sync-setup").html(TPL);
+
         this.$form = $("#sync-setup-form");
         this.$syncServerHost = $("#sync-server-host");
         this.$syncServerTimeout = $("#sync-server-timeout");
diff --git a/src/views/dialogs/options.ejs b/src/views/dialogs/options.ejs
index b551975b2..e8481a77d 100644
--- a/src/views/dialogs/options.ejs
+++ b/src/views/dialogs/options.ejs
@@ -34,13 +34,13 @@
                     </ul>
                     <br/>
                     <div class="tab-content">
-                        <% include options/appearance.ejs %>
-                        <% include options/sidebar.ejs %>
-                        <% include options/code_notes.ejs %>
-                        <% include options/change_password.ejs %>
-                        <% include options/other.ejs %>
-                        <% include options/sync.ejs %>
-                        <% include options/advanced.ejs %>
+                        <div id="options-appearance" class="tab-pane active"></div>
+                        <div id="options-sidebar" class="tab-pane"></div>
+                        <div id="options-code-notes" class="tab-pane"></div>
+                        <div id="options-change-password" class="tab-pane"></div>
+                        <div id="options-other" class="tab-pane"></div>
+                        <div id="options-sync-setup" class="tab-pane"></div>
+                        <div id="options-advanced" class="tab-pane"></div>
                     </div>
                 </div>
             </div>
diff --git a/src/views/dialogs/options/advanced.ejs b/src/views/dialogs/options/advanced.ejs
deleted file mode 100644
index a3f9c79a9..000000000
--- a/src/views/dialogs/options/advanced.ejs
+++ /dev/null
@@ -1,25 +0,0 @@
-<div id="options-advanced" class="tab-pane">
-    <h4 style="margin-top: 0px;">Sync</h4>
-    <button id="force-full-sync-button" class="btn btn-secondary">Force full sync</button>
-
-    <br/>
-    <br/>
-
-    <button id="fill-sync-rows-button" class="btn btn-secondary">Fill sync rows</button>
-
-    <br/>
-    <br/>
-
-    <h4>Debugging</h4>
-
-    <button id="anonymize-button" class="btn btn-secondary">Save anonymized database</button><br/><br/>
-
-    <p>This action will create a new copy of the database and anonymise it (remove all note content and leave only structure and metadata)
-        for sharing online for debugging purposes without fear of leaking your personal data.</p>
-
-    <h4>Vacuum database</h4>
-
-    <p>This will rebuild database which will typically result in smaller database file. No data will be actually changed.</p>
-
-    <button id="vacuum-database-button" class="btn btn-secondary">Vacuum database</button>
-</div>
\ No newline at end of file
diff --git a/src/views/dialogs/options/appearance.ejs b/src/views/dialogs/options/appearance.ejs
deleted file mode 100644
index 1f981dca9..000000000
--- a/src/views/dialogs/options/appearance.ejs
+++ /dev/null
@@ -1,98 +0,0 @@
-<div id="options-appearance" class="tab-pane active">
-    <p><strong>Settings on this options tab are saved automatically after each change.</strong></p>
-
-    <form>
-        <div class="form-group row">
-            <div class="col-4">
-                <label for="theme-select">Theme</label>
-                <select class="form-control" id="theme-select"></select>
-            </div>
-
-            <div class="col-4">
-                <label for="zoom-factor-select">Zoom factor (desktop build only)</label>
-
-                <input type="number" class="form-control" id="zoom-factor-select" min="0.3" max="2.0" step="0.1"/>
-            </div>
-
-            <div class="col-4">
-                <label for="one-tab-display-select">If there's only one tab, then...</label>
-                <select class="form-control" id="one-tab-display-select">
-                    <option value="show">show the tab bar</option>
-                    <option value="hide">hide the tab bar</option>
-                </select>
-            </div>
-        </div>
-
-        <p>Zooming can be controlled with CTRL-+ and CTRL-= shortcuts as well.</p>
-
-        <h4>Font sizes</h4>
-
-        <div class="form-group row">
-            <div class="col-4">
-                <label for="main-font-size">Main font size</label>
-
-                <div class="input-group">
-                    <input type="number" class="form-control" id="main-font-size" min="50" max="200" step="10"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">%</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-4">
-                <label for="tree-font-size">Note tree font size</label>
-
-                <div class="input-group">
-                    <input type="number" class="form-control" id="tree-font-size" min="50" max="200" step="10"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">%</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-4">
-                <label for="detail-font-size">Note detail font size</label>
-
-                <div class="input-group">
-                    <input type="number" class="form-control" id="detail-font-size" min="50" max="200" step="10"/>
-                    <div class="input-group-append">
-                        <span class="input-group-text">%</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <p>Note that tree and detail font sizing is relative to the main font size setting.</p>
-
-        <h4>Left pane sizing</h4>
-
-        <div class="form-group row">
-            <div class="col-6">
-                <label for="left-pane-min-width">Left pane minimum width (in pixels)</label>
-
-                <div class="input-group">
-                    <input type="number" class="form-control" id="left-pane-min-width" min="100" max="2000" step="1"/>
-
-                    <div class="input-group-append">
-                        <span class="input-group-text">px</span>
-                    </div>
-                </div>
-            </div>
-
-            <div class="col-6">
-                <label for="left-pane-min-width">Left pane width percent of window size</label>
-
-                <div class="input-group">
-                    <input type="number" class="form-control" id="left-pane-width-percent" min="0" max="99" step="1"/>
-
-                    <div class="input-group-append">
-                        <span class="input-group-text">%</span>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <p>Left pane width is calculated from the percent of window size, if this is smaller than minimum width, then minimum width is used. If you want to have fixed width left pane, set minimum width to the desired width and set percent to 0.</p>
-
-    </form>
-</div>
\ No newline at end of file
diff --git a/src/views/dialogs/options/change_password.ejs b/src/views/dialogs/options/change_password.ejs
deleted file mode 100644
index a092a9ee5..000000000
--- a/src/views/dialogs/options/change_password.ejs
+++ /dev/null
@@ -1,20 +0,0 @@
-<div id="options-change-password" class="tab-pane">
-    <form id="change-password-form">
-        <div class="form-group">
-            <label for="old-password">Old password</label>
-            <input class="form-control" id="old-password" type="password">
-        </div>
-
-        <div class="form-group">
-            <label for="new-password1">New password</label>
-            <input class="form-control" id="new-password1" type="password">
-        </div>
-
-        <div class="form-group">
-            <label for="new-password2">New password once more</label>
-            <input class="form-control" id="new-password2" type="password">
-        </div>
-
-        <button class="btn btn-primary">Change password</button>
-    </form>
-</div>
\ No newline at end of file
diff --git a/src/views/dialogs/options/code_notes.ejs b/src/views/dialogs/options/code_notes.ejs
deleted file mode 100644
index 7067e2ad2..000000000
--- a/src/views/dialogs/options/code_notes.ejs
+++ /dev/null
@@ -1,5 +0,0 @@
-<div id="options-code-notes" class="tab-pane">
-    <h4>Available MIME types in the dropdown</h4>
-
-    <ul id="options-mime-types" style="max-height: 500px; overflow: auto; list-style-type: none;"></ul>
-</div>
\ No newline at end of file
diff --git a/src/views/dialogs/options/other.ejs b/src/views/dialogs/options/other.ejs
deleted file mode 100644
index c76471599..000000000
--- a/src/views/dialogs/options/other.ejs
+++ /dev/null
@@ -1,58 +0,0 @@
-<div id="options-other" class="tab-pane">
-    <div>
-        <h4>Spell check</h4>
-
-        <p>These options apply only for desktop builds, browsers will use their own native spell check.</p>
-
-        <div class="custom-control custom-checkbox">
-            <input type="checkbox" class="custom-control-input" id="spell-check-enabled">
-            <label class="custom-control-label" for="spell-check-enabled">Enable spellcheck</label>
-        </div>
-
-        <br/>
-
-        <div class="form-group">
-            <label for="spell-check-language-code">Language code</label>
-            <input type="email" class="form-control" id="spell-check-language-code" placeholder="for example &quot;en-US&quot;, &quot;de-AT&quot;">
-        </div>
-
-        <p>Changes to the spell check options will take effect after application restart.</p>
-    </div>
-
-    <div>
-        <h4>Image compression</h4>
-
-        <div class="form-group">
-            <label for="image-max-width-height">Max width / height of an image in pixels (if image will be resized if it exceeds this setting).</label>
-            <input class="form-control" id="image-max-width-height" type="number">
-        </div>
-
-        <div class="form-group">
-            <label for="image-jpeg-quality">JPEG quality (0 - worst quality, 100 best quality)</label>
-            <input class="form-control" id="image-jpeg-quality" min="0" max="100" type="number">
-        </div>
-    </div>
-
-    <div>
-        <h4>Protected session timeout</h4>
-
-        <p>Protected session timeout is a time period after which the protected session is wiped out from
-            browser's memory. This is measured from the last interaction with protected notes. See <a href="https://github.com/zadam/trilium/wiki/Protected-notes" class="external">wiki</a> for more info.</p>
-
-        <div class="form-group">
-            <label for="protected-session-timeout-in-seconds">Protected session timeout (in seconds)</label>
-            <input class="form-control" id="protected-session-timeout-in-seconds" type="number">
-        </div>
-    </div>
-
-    <div>
-        <h4>Note revisions snapshot interval</h4>
-
-        <p>Note revision snapshot time interval is time in seconds after which new note revision will be created for the note. See <a href="https://github.com/zadam/trilium/wiki/Note-revisions" class="external">wiki</a> for more info.</p>
-
-        <div class="form-group">
-            <label for="note-revision-snapshot-time-interval-in-seconds">Note revision snapshot time interval (in seconds)</label>
-            <input class="form-control" id="note-revision-snapshot-time-interval-in-seconds" type="number">
-        </div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/views/dialogs/options/sidebar.ejs b/src/views/dialogs/options/sidebar.ejs
deleted file mode 100644
index 689596a15..000000000
--- a/src/views/dialogs/options/sidebar.ejs
+++ /dev/null
@@ -1,52 +0,0 @@
-<div id="options-sidebar" class="tab-pane">
-    <h4>Show sidebar in new tab</h4>
-
-    <div class="form-check">
-        <input type="checkbox" class="form-check-input" id="show-sidebar-in-new-tab">
-        <label class="form-check-label" for="show-sidebar-in-new-tab">Show sidebar in new tab</label>
-    </div>
-
-    <br>
-
-    <h4>Sidebar sizing</h4>
-
-    <div class="form-group row">
-        <div class="col-6">
-            <label for="sidebar-min-width">Sidebar minimum width (in pixels)</label>
-
-            <div class="input-group">
-                <input type="number" class="form-control" id="sidebar-min-width" min="100" max="2000" step="1"/>
-
-                <div class="input-group-append">
-                    <span class="input-group-text">px</span>
-                </div>
-            </div>
-        </div>
-
-        <div class="col-6">
-            <label for="left-pane-min-width">Sidebar width percent of the detail pane</label>
-
-            <div class="input-group">
-                <input type="number" class="form-control" id="sidebar-width-percent" min="0" max="70" step="1"/>
-
-                <div class="input-group-append">
-                    <span class="input-group-text">%</span>
-                </div>
-            </div>
-        </div>
-    </div>
-
-    <p>Sidebar width is calculated from the percent of the detail pane, if this is smaller than minimum width, then minimum width is used. If you want to have fixed width sidebar, set minimum width to the desired width and set percent to 0.</p>
-
-    <h4>Widgets</h4>
-
-    <div id="widgets-configuration" class="row">
-        <h5 class="col-6">Enabled widgets</h5>
-
-        <h5 class="col-6">Disabled widgets</h5>
-
-        <div id="widgets-enabled" class="list-group col"></div>
-
-        <div id="widgets-disabled" class="list-group col"></div>
-    </div>
-</div>
\ No newline at end of file
diff --git a/src/views/dialogs/options/sync.ejs b/src/views/dialogs/options/sync.ejs
deleted file mode 100644
index 89bdaeb49..000000000
--- a/src/views/dialogs/options/sync.ejs
+++ /dev/null
@@ -1,36 +0,0 @@
-<div id="options-sync-setup" class="tab-pane">
-    <h4 style="margin-top: 0px;">Sync configuration</h4>
-
-    <form id="sync-setup-form">
-        <div class="form-group">
-            <label for="sync-server-host">Server instance address</label>
-            <input class="form-control" id="sync-server-host" placeholder="https://<host>:<port>">
-        </div>
-
-        <div class="form-group">
-            <label for="sync-server-timeout">Sync timeout (milliseconds)</label>
-            <input class="form-control" id="sync-server-timeout" min="1" max="10000000" type="number">
-        </div>
-
-        <div class="form-group">
-            <label for="sync-proxy">Sync proxy server (optional)</label>
-            <input class="form-control" id="sync-proxy" placeholder="https://<host>:<port>">
-
-            <p><strong>Note:</strong> If you leave proxy setting blank, system proxy will be used (applies to desktop/electron build only)</p>
-        </div>
-
-        <div style="display: flex; justify-content: space-between;">
-            <button class="btn btn-primary">Save</button>
-
-            <button class="btn btn-secondary" type="button" data-help-page="Synchronization">Help</button>
-        </div>
-    </form>
-
-    <br/>
-
-    <h4>Sync test</h4>
-
-    <p>This will test connection and handshake to the sync server. If sync server isn't initialized, this will set it up to sync with local document.</p>
-
-    <button id="test-sync-button" class="btn btn-secondary">Test sync</button>
-</div>
\ No newline at end of file