.

Author: djinni-hppro

src/index.html

@@ -191,20 +191,20 @@ <h4 class="cursor-pointer text-lg text-gray-800 font-bold truncate mb-2" x-text=
 						</div>
 						<div class="flex justify-between items-center">
 							<div class="flex justify-start items-center gap-2 mt-2">
-								<button @click.stop="increasePriority(note.id)" class="cursor-pointer rounded-full text-gray-50 bg-green-600 hover:bg-green-700" aria-label="Increase Priority">
-									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-circle" viewBox="0 0 16 16">
-										<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 11.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
+								<button @click.stop="increasePriority(note.id)" class="cursor-pointer rounded-full text-gray-50 bg-green-500 hover:bg-green-700" aria-label="Increase Priority">
+									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-up-circle" viewBox="0 0 20 20">
+										<path fillRule="evenodd" d="M9.47 6.47a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 1 1-1.06 1.06L10 8.06l-3.72 3.72a.75.75 0 0 1-1.06-1.06l4.25-4.25Z" clipRule="evenodd" />
+
 									</svg>
 								</button>
-								<button @click.stop="decreasePriority(note.id)" class="cursor-pointer rounded-full text-gray-50 bg-green-400 hover:bg-green-500" aria-label="Decrease Priority">
-									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 16 16">
-										<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
+								<button @click.stop="decreasePriority(note.id)" class="cursor-pointer rounded-full text-gray-50 bg-green-400 hover:bg-green-300" aria-label="Decrease Priority">
+									<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-down-circle" viewBox="0 0 20 20">
+										<path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" />
 									</svg>
 								</button>
 							</div>
 							<div class="flex justify-end items-center gap-4 mt-2">
-								<button class="cursor-pointer rounded-full hover:bg-gray-200" aria-label="Edit note" @click="editNote(note.id)">
-									<!-- Edit Icon -->
+								<button class="hidden cursor-pointer rounded-full hover:bg-gray-200" aria-label="Edit note" @click="editNote(note.id)">
 									<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-edit"><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.12 2.12 0 0 1 3 3L12 15l-4 1 1-4Z"></path></svg>
 								</button>
 								<button class="cursor-pointer rounded-full hover:bg-red-100 text-red-500" aria-label="Delete note" @click="deleteNote(note.id); $dispatch('close-delete-modal')">
@@ -481,21 +481,21 @@ <h3 class="text-lg font-bold">Settings <span class="text-sm pl-2 font-light text
 	</div>
 
 	<!-- Toasts Container -->
-	<div class="fixed top-1 left-1 z-50 flex flex-col space-y-2">
+	<div class="fixed top-0 left-0 z-50 flex flex-col space-y-2">
 		<template x-for="toast in toasts" :key="toast.id">
 			<div
 				x-show="toast.show"
 				:class="{
 					'bg-white border border-gray-200 text-gray-900': toast.variant === 'default',
 					'bg-red-600 border border-red-700 text-white': toast.variant === 'error'
 				}"
-				class="relative w-full max-w-xs p-2 rounded-md flex items-center justify-between"
+				class="relative w-full max-w-md px-2 py-3 rounded-md flex items-center justify-between"
 			>
 				<div>
-					<h4 class="font-semibold text-sm" x-text="toast.title"></h4>
+					<h4 class="font-bold text-sm" x-text="toast.title"></h4>
 					<p class="text-xs line-clamp-3" x-text="toast.description"></p>
 				</div>
-				<button @click="dismissToast(toast.id)" class="absolute top-1 right-1 p-1 rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-300">
+				<button @click="dismissToast(toast.id)" class="absolute top-2 right-0 p-1 rounded-full hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-300">
 					<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
 						<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
 					</svg>

src/index.js

@@ -571,7 +571,7 @@ document.addEventListener('alpine:init', () => { Alpine.data('mainApp', () => ({
 			this.updateAppBadge();
 			// this.miniSearch?.removeAll();
 
-			if (!this.miniSearch.has(updatedNote.id)) this.miniSearch.add(updatedNote);
+			if (this.miniSearch && !this.miniSearch.has(updatedNote.id)) this.miniSearch.add(updatedNote);
 			this.updateNotesCache();
 
 			if (!isSilent) {
@@ -909,8 +909,8 @@ document.addEventListener('alpine:init', () => { Alpine.data('mainApp', () => ({
 
 					if (!isSilent) {
 						this.showToast({
-							title: 'Sync Successful',
-							description: `Uploaded: ${result.uploadedCount}, Downloaded/Updated: ${downloadedCount}, Deleted: ${result.deletedCount}, Remotely Deleted: ${notesToDeleteLocally.length}.`,
+							title: 'Synced',
+							description: `Up ${result.uploadedCount} Down ${downloadedCount} Del ${result.deletedCount} Remote Del ${notesToDeleteLocally.length}`,
 						});
 					}