From 1a7295aa771d2f46c67beebc36825cc8878f3502 Mon Sep 17 00:00:00 2001
From: xds <iam@voroninv.ru>
Date: Fri, 20 Feb 2026 15:58:43 +0300
Subject: [PATCH] fixes

---
 src/assets/main.css          | 56 ++++++++++++++++++++++++++++++++++++
 src/views/IdeaDetailView.vue | 11 ++++---
 2 files changed, 63 insertions(+), 4 deletions(-)

diff --git a/src/assets/main.css b/src/assets/main.css
index 9fb5f4c..bdb53a3 100644
--- a/src/assets/main.css
+++ b/src/assets/main.css
@@ -282,3 +282,59 @@ h1, h2, h3, h4, h5, h6 {
     background: rgba(255,255,255,0.1) !important;
     color: white !important;
 }
+
+/* --- ConfirmDialog --- */
+.p-confirmdialog {
+    background: #1e293b !important;
+    border: 1px solid rgba(255, 255, 255, 0.1) !important;
+    border-radius: 1rem !important;
+}
+
+.p-confirmdialog .p-dialog-header {
+    background: transparent !important;
+    color: white !important;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
+}
+
+.p-confirmdialog .p-dialog-content {
+    background: transparent !important;
+    color: #f8fafc !important;
+    padding: 2rem !important;
+}
+
+.p-confirmdialog .p-dialog-footer {
+    background: transparent !important;
+    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
+    padding: 1rem !important;
+    display: flex !important;
+    justify-content: flex-end !important;
+    gap: 0.5rem !important;
+}
+
+/* --- Specific Button Styles --- */
+.p-button-danger {
+    background: #ef4444 !important;
+    border-color: #ef4444 !important;
+    color: white !important;
+}
+
+.p-button-danger:hover {
+    background: #dc2626 !important;
+    border-color: #dc2626 !important;
+}
+
+.p-button-secondary {
+    background: rgba(255, 255, 255, 0.1) !important;
+    border-color: transparent !important;
+    color: #94a3b8 !important;
+}
+
+.p-button-secondary:hover {
+    background: rgba(255, 255, 255, 0.15) !important;
+    color: white !important;
+}
+
+.p-button-text {
+    background: transparent !important;
+    border-color: transparent !important;
+}
diff --git a/src/views/IdeaDetailView.vue b/src/views/IdeaDetailView.vue
index 10926db..724179a 100644
--- a/src/views/IdeaDetailView.vue
+++ b/src/views/IdeaDetailView.vue
@@ -701,7 +701,10 @@ const deleteIdea = () => {
         message: 'Delete this entire idea session? All generations will remain in your history.',
         header: 'Delete Idea',
         icon: 'pi pi-exclamation-triangle',
+        acceptLabel: 'Delete',
+        rejectLabel: 'Cancel',
         acceptClass: 'p-button-danger',
+        rejectClass: 'p-button-secondary p-button-text',
         accept: async () => {
             await ideaStore.deleteIdea(currentIdea.value.id)
             router.push('/ideas')
@@ -907,7 +910,7 @@ watch(viewMode, (v) => {
                 class="h-10 border-b border-white/5 flex items-center justify-between px-4 bg-slate-900/80 backdrop-blur z-20">
                 <div class="flex items-center gap-3">
                     <div class="flex flex-col">
-                        <div class="flex items-center gap-2">
+                        <div class="flex items-center gap-2 items-center">
                             <div v-if="isEditingName" class="flex items-center gap-2">
                                 <InputText v-model="editableName" 
                                     class="idea-name-input !bg-slate-800 !border-violet-500/50 !text-white !py-0.5 !h-7 !text-[16px] !font-bold"
@@ -915,7 +918,7 @@ watch(viewMode, (v) => {
                                     @blur="saveName"
                                 />
                             </div>
-                            <h1 v-else class="text-sm font-bold text-slate-200 truncate max-w-[150px] md:max-w-md cursor-pointer hover:text-violet-400 transition-colors"
+                            <h1 v-else class="text-sm font-bold !m-0 text-slate-200 truncate max-w-[150px] md:max-w-md cursor-pointer hover:text-violet-400 transition-colors"
                                 @click="toggleEditName">
                                 {{ currentIdea?.name || 'Loading...' }}
                                 <i class="pi pi-pencil text-[8px] ml-1 opacity-50"></i>
@@ -930,12 +933,12 @@ watch(viewMode, (v) => {
                     <!-- View Toggle -->
                     <div class="flex bg-slate-800 rounded-lg p-0.5 border border-white/5">
                         <button @click="viewMode = 'feed'"
-                            class="px-2 py-1 rounded-md text-[10px] font-medium transition-all"
+                            class="px-2 py-1 rounded-md text-[10px] font-medium transition-all items-center flex"
                             :class="viewMode === 'feed' ? 'bg-violet-600 text-white shadow-lg' : 'text-slate-400 hover:text-slate-200'">
                             <i class="pi pi-list mr-1"></i> Feed
                         </button>
                         <button @click="viewMode = 'gallery'"
-                            class="px-2 py-1 rounded-md text-[10px] font-medium transition-all"
+                            class="px-2 py-1 rounded-md text-[10px] font-medium transition-all flex items-center"
                             :class="viewMode === 'gallery' ? 'bg-violet-600 text-white shadow-lg' : 'text-slate-400 hover:text-slate-200'">
                             <i class="pi pi-th-large mr-1"></i> Gallery
                         </button>