Cardoza_Construction/Prism-Notes-Main
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Keep button group beside Notes heading on all screen sizes

Browse Source
This commit is contained in:
aewing
2026-01-10 22:38:53 +00:00
parent 53bf74e6f4
commit 0dc0ffba2f
2 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+2 -2
View File
@@ -54,7 +54,7 @@
<!-- Notes List Container --> <!-- Notes List Container -->
<div id="notesListContainer" class="hidden flex flex-col bg-purple-100 rounded-2xl shadow-2xl border border-purple-200 max-w-5xl w-full p-6 gap-4 flex-1 overflow-hidden mt-2.5 mb-3"> <div id="notesListContainer" class="hidden flex flex-col bg-purple-100 rounded-2xl shadow-2xl border border-purple-200 max-w-5xl w-full p-6 gap-4 flex-1 overflow-hidden mt-2.5 mb-3">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3"> <div class="flex flex-row items-center justify-between gap-3">
<div> <div>
<h2 class="text-lg sm:text-2xl font-bold text-gray-800">Notes</h2> <h2 class="text-lg sm:text-2xl font-bold text-gray-800">Notes</h2>
</div> </div>
@@ -228,7 +228,7 @@
<!-- Conversations List Container --> <!-- Conversations List Container -->
<div id="conversationsContainer" class="hidden flex flex-col bg-purple-100 rounded-2xl shadow-2xl border border-purple-200 max-w-5xl w-full p-6 gap-4 flex-1 overflow-hidden mt-2.5 mb-3"> <div id="conversationsContainer" class="hidden flex flex-col bg-purple-100 rounded-2xl shadow-2xl border border-purple-200 max-w-5xl w-full p-6 gap-4 flex-1 overflow-hidden mt-2.5 mb-3">
<div class="flex-shrink-0"> <div class="flex-shrink-0">
<div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3"> <div class="flex flex-row items-center justify-between gap-3">
<div> <div>
<h2 class="text-lg sm:text-2xl font-bold text-gray-800">Conversations</h2> <h2 class="text-lg sm:text-2xl font-bold text-gray-800">Conversations</h2>
</div> </div>
logs/SESSION_LOG.txt
+13
View File
@@ -3,6 +3,19 @@ PRISM NOTES - SESSION LOG
Project history, decisions, and architectural milestones Project history, decisions, and architectural milestones
================================================================================ ================================================================================
[2026-01-10 21:15] MONICA SESSION: Refined Notes List Header UI
- Changes Applied:
* Removed graph status badges from note/conversation form containers
* Made note/conversation form headers responsive (text-lg sm:text-2xl)
* Replaced "Refresh" text button with icon-only refresh button
* Scaled refresh icon to match button group visually
* Reduced "New Note" and "Conversations" button height (h-6 with leading-none)
* Made all three buttons the same height with flex centering
* Aligned button group to vertical middle of Notes header
* Adjusted responsive breakpoints for mobile-first design
- Result: Clean, minimal header with responsive button scaling and proper alignment
- Status: Fixed and committed (53bf74e)
[2026-01-10 20:45] MONICA SESSION: UI Refinements & Polish [2026-01-10 20:45] MONICA SESSION: UI Refinements & Polish
- Changes Applied: - Changes Applied:
* Centered all main containers (body: flex items-center justify-center) * Centered all main containers (body: flex items-center justify-center)