Merge pull request #2 from Mentra-Community/dev

fat hit box

Author: aisraelov

figma-design/src/app/views/FolderList.tsx

@@ -280,7 +280,7 @@ export const FolderList: React.FC<FolderListProps> = ({
             <div className="flex items-center justify-between">
                 <button 
                     onClick={() => setIsFilterOpen(true)}
-                    className="flex items-center gap-1.5 group -ml-2 px-2 py-1 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors"
+                    className="flex items-center gap-1.5 group -ml-2 px-2 py-1 min-h-11 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors"
                 >
                     <h1 className="text-xl font-normal text-zinc-900 dark:text-white tracking-tight">
                         {activeFilter === 'all' ? 'All Files' : 

src/backend/NotesApp.ts

@@ -99,7 +99,7 @@ export class NotesApp extends AppServer {
     // Show initial ready state
     setTimeout(() => {
       if (notesSession.settings.showLiveTranscript) {
-        session.dashboard.content.write("📝 Notes - Recording");
+        session.dashboard.content.write("Notes - Recording");
       }
     }, 2000);
 

src/frontend/pages/home/HomePage.tsx

@@ -201,7 +201,7 @@ export function HomePage() {
           <div className="flex items-center justify-between">
             <button
               onClick={() => setIsFilterOpen(true)}
-              className="flex items-center gap-1.5 group -ml-2 px-2 py-1 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors"
+              className="flex items-center gap-1.5 group -ml-2 px-2 py-1 min-h-11 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors"
             >
               <h1 className="text-xl font-normal text-zinc-900 dark:text-white tracking-tight">
                 {getFilterLabel()}
@@ -286,7 +286,7 @@ export function HomePage() {
         <div className="flex items-center justify-between">
           <button
             onClick={() => setIsFilterOpen(true)}
-            className="flex items-center gap-1.5 group -ml-2 px-2 py-1 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors"
+            className="flex items-center gap-1.5 group -ml-2 px-2 py-1 min-w-31 rounded-lg hover:bg-zinc-50 dark:hover:bg-zinc-800/50 transition-colors"
           >
             <h1 className="text-xl font-normal text-zinc-900 dark:text-white tracking-tight">
               {getFilterLabel()}

src/frontend/pages/note/NotePage.tsx

@@ -239,7 +239,7 @@ export function NotePage() {
         <div className="p-4 border-b border-zinc-200 dark:border-zinc-800">
           <button
             onClick={() => setLocation("/")}
-            className="p-2 -ml-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400 transition-colors"
+            className="p-2 -ml-2 min-w-11 min-h-11 flex items-center justify-center rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400 transition-colors"
           >
             <ChevronLeft size={24} />
           </button>

src/frontend/pages/settings/SettingsPage.tsx

@@ -188,7 +188,7 @@ export function SettingsPage() {
         <div className="flex items-center">
           <button
             onClick={handleBack}
-            className="p-2 -ml-2 rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400 transition-colors md:hidden"
+            className="p-2 -ml-2 min-w-11 min-h-11 flex items-center justify-center rounded-lg hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400 transition-colors md:hidden"
           >
             <ChevronLeft size={24} />
           </button>
@@ -202,7 +202,7 @@ export function SettingsPage() {
       <div className="flex-1 overflow-y-auto">
         <div className="px-4 md:px-6 pb-24">
           {/* General Section */}
-          <div className="mt-6 mb-2">
+          {/* <div className="mt-6 mb-2">
             <h3 className="text-xs font-semibold text-zinc-500 dark:text-zinc-400 uppercase tracking-wider mb-2">
               General
             </h3>
@@ -218,7 +218,7 @@ export function SettingsPage() {
               type="link"
               onClick={() => {}}
             />
-          </div>
+          </div> */}
 
           {/* Recording Section */}
           <div className="mt-8 mb-2">