From 0f3549ead99fbc4f0f947b15b55be453fdf0f450 Mon Sep 17 00:00:00 2001
From: schroda <50052685+schroda@users.noreply.github.com>
Date: Mon, 4 Mar 2024 20:40:47 +0100
Subject: [PATCH] Fix/manga migrate option shown for non library manga on large
 screens (#637)

This happened only on large screens
---
 src/components/manga/MangaToolbarMenu.tsx | 42 ++++++++++++-----------
 1 file changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/components/manga/MangaToolbarMenu.tsx b/src/components/manga/MangaToolbarMenu.tsx
index db3ac178..10499298 100644
--- a/src/components/manga/MangaToolbarMenu.tsx
+++ b/src/components/manga/MangaToolbarMenu.tsx
@@ -60,27 +60,29 @@ export const MangaToolbarMenu = ({ manga, onRefresh, refreshing }: IProps) => {
                             <Refresh />
                         </IconButton>
                     </Tooltip>
-                    <Tooltip title={t('global.button.migrate')}>
-                        <Link
-                            to={`/migrate/source/${manga.source?.id}/manga/${manga.id}/search?query=${manga.title}`}
-                            state={{ mangaTitle: manga.title }}
-                            style={{ textDecoration: 'none', color: 'inherit' }}
-                        >
-                            <IconButton>
-                                <SyncAltIcon />
-                            </IconButton>
-                        </Link>
-                    </Tooltip>
                     {manga.inLibrary && (
-                        <Tooltip title={t('manga.label.edit_categories')}>
-                            <IconButton
-                                onClick={() => {
-                                    setEditCategories(true);
-                                }}
-                            >
-                                <Label />
-                            </IconButton>
-                        </Tooltip>
+                        <>
+                            <Tooltip title={t('global.button.migrate')}>
+                                <Link
+                                    to={`/migrate/source/${manga.source?.id}/manga/${manga.id}/search?query=${manga.title}`}
+                                    state={{ mangaTitle: manga.title }}
+                                    style={{ textDecoration: 'none', color: 'inherit' }}
+                                >
+                                    <IconButton>
+                                        <SyncAltIcon />
+                                    </IconButton>
+                                </Link>
+                            </Tooltip>
+                            <Tooltip title={t('manga.label.edit_categories')}>
+                                <IconButton
+                                    onClick={() => {
+                                        setEditCategories(true);
+                                    }}
+                                >
+                                    <Label />
+                                </IconButton>
+                            </Tooltip>
+                        </>
                     )}
                 </>
             )}