From 3926f1f2e42c15b6b530ba8e55b4aa583ca8c8b0 Mon Sep 17 00:00:00 2001
From: Niko PLP <niko@nextgraph.org>
Date: Mon, 12 Aug 2024 01:15:13 +0300
Subject: [PATCH] offset for viewer menu if no discrete

---
 ng-app/src/lib/FullLayout.svelte          | 2 +-
 ng-app/src/lib/components/MenuItem.svelte | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/ng-app/src/lib/FullLayout.svelte b/ng-app/src/lib/FullLayout.svelte
index ab137b2..dd0ac75 100644
--- a/ng-app/src/lib/FullLayout.svelte
+++ b/ng-app/src/lib/FullLayout.svelte
@@ -645,7 +645,7 @@
             </li>
             {/if}
             {#if $cur_viewer}
-              <MenuItem selected={$cur_tab_view_or_edit} title={$cur_viewer["ng:a"]} dropdown={$available_viewers.length > 1 ? open_view_as : undefined} clickable={($available_viewers.length > 1 || !$cur_tab_view_or_edit) && function () { if ($available_viewers.length > 1) { open_view_as = !open_view_as; } else { set_view_or_edit(true); hideMenu(); } open_edit_with=false;} }>
+              <MenuItem offset={!$cur_tab_branch_has_discrete} selected={$cur_tab_view_or_edit} title={$cur_viewer["ng:a"]} dropdown={$available_viewers.length > 1 ? open_view_as : undefined} clickable={($available_viewers.length > 1 || !$cur_tab_view_or_edit) && function () { if ($available_viewers.length > 1) { open_view_as = !open_view_as; } else { set_view_or_edit(true); hideMenu(); } open_edit_with=false;} }>
                 <Eye
                   tabindex="-1"
                   class="w-7 h-7 text-gray-700  focus:outline-none  dark:text-white  "
diff --git a/ng-app/src/lib/components/MenuItem.svelte b/ng-app/src/lib/components/MenuItem.svelte
index 97bd8c3..9acb0e1 100644
--- a/ng-app/src/lib/components/MenuItem.svelte
+++ b/ng-app/src/lib/components/MenuItem.svelte
@@ -17,6 +17,7 @@
     export let selected = false;
     export let title = "";
     export let dropdown = undefined;
+    export let offset = false;
 
     import {
         ChevronUp,
@@ -31,12 +32,17 @@
         on:click={(e) => { e.currentTarget.blur(); clickable();}} on:keypress={clickable} on:keydown={(e) => {if (e.code=='Space') { e.preventDefault(); clickable();} }}>
         <slot />
         {#if dropdown!==undefined}
-        <div class="grow"></div>
+            <div class="grow"></div>
             {#if dropdown}
                 <ChevronUp/>
             {:else}
                 <ChevronDown/>
             {/if}
+            {#if offset}
+                <div style="width:35px;">
+
+                </div>
+            {/if}
         {/if}
     </li>
 {:else if clickable === false}