From 60230427c66e15bc54e8174d710b4c8db6cd02bd Mon Sep 17 00:00:00 2001
From: Marcel Klehr <mklehr@gmx.net>
Date: Thu, 6 Jun 2024 17:45:35 +0200
Subject: [PATCH] fix: Small visual fixes

fixes #2168

Signed-off-by: Marcel Klehr <mklehr@gmx.net>
---
 src/components/BookmarkContent.vue | 5 +++++
 src/components/SidebarBookmark.vue | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/BookmarkContent.vue b/src/components/BookmarkContent.vue
index 8413b6a1bf..2c303bcb30 100644
--- a/src/components/BookmarkContent.vue
+++ b/src/components/BookmarkContent.vue
@@ -100,6 +100,11 @@ export default {
 	width: auto;
 }
 
+.bookmark-content .empty-content {
+	margin: 150px auto;
+	width: 600px;
+}
+
 .bookmark-content .content iframe {
 	height: 100%;
 	width: 100%;
diff --git a/src/components/SidebarBookmark.vue b/src/components/SidebarBookmark.vue
index cf055d8fd4..633628a5bd 100644
--- a/src/components/SidebarBookmark.vue
+++ b/src/components/SidebarBookmark.vue
@@ -7,7 +7,7 @@
 <template>
 	<NcAppSidebar v-if="isActive"
 		class="sidebar"
-		:name="bookmark.title"
+		:name="bookmark.title || t('bookmarks', '(Empty title)')"
 		:name-editable="editingTitle"
 		:name-placeholder="t('bookmarks', 'Title')"
 		:subtitle="addedDate"
@@ -37,7 +37,7 @@
 			<template #icon>
 				<InformationVariantIcon :size="20" />
 			</template>
-			<div>
+			<div class="sidebar">
 				<div v-if="!editingTarget" class="details__line">
 					<OpenInNewIcon :size="20" :aria-label="t('bookmarks', 'Link')" :title="t('bookmarks', 'Link')" />
 					<a class="details__url" :href="bookmark.target === bookmark.url ? bookmark.target : 'javascript:void(0)'">{{ bookmark.target }}</a>
@@ -305,6 +305,7 @@ export default {
 
 .sidebar .details__line > * {
 	flex-grow: 0;
+	margin-right: 10px;
 }
 
 .sidebar .details__line > :nth-child(2) {