From f20e8ee5e97a375d10b16df87ff0957b04e5a68b Mon Sep 17 00:00:00 2001
From: Jack Andrews <japotts16@gmail.com>
Date: Sun, 3 Nov 2024 10:21:43 +0000
Subject: [PATCH] fix: ui improvements

---
 apps/client/components/NotebookEditor/index.tsx | 2 +-
 apps/client/layouts/shad.tsx                    | 2 +-
 apps/client/pages/profile.tsx                   | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/client/components/NotebookEditor/index.tsx b/apps/client/components/NotebookEditor/index.tsx
index 8c8dceca5..89db4f185 100644
--- a/apps/client/components/NotebookEditor/index.tsx
+++ b/apps/client/components/NotebookEditor/index.tsx
@@ -184,7 +184,7 @@ export default function NotebookEditor() {
                 type="text"
                 value={title}
                 onChange={(e) => setTitle(e.target.value)}
-                className="text-3xl px-0 font-bold w-full border-none outline-none focus:ring-0 focus:outline-none"
+                className="text-3xl px-0 font-bold w-full border-none bg-transparent outline-none focus:ring-0 focus:outline-none"
               />
             </div>
 
diff --git a/apps/client/layouts/shad.tsx b/apps/client/layouts/shad.tsx
index 8de20c592..4f90afedb 100644
--- a/apps/client/layouts/shad.tsx
+++ b/apps/client/layouts/shad.tsx
@@ -44,7 +44,7 @@ export default function ShadLayout({ children }: any) {
           <div className="w-full">
             <div className="sticky top-0 z-10 flex h-14 shrink-0 items-center gap-x-4 border-b bg-background px-4 sm:gap-x-6">
               <div className="flex flex-1 gap-x-4 self-stretch lg:gap-x-6 items-center">
-                <SidebarTrigger />
+                <SidebarTrigger title="[" />
                 <div className="sm:flex hidden w-full justify-start items-center space-x-6">
                   {user.isAdmin && (
                     <Link href="https://github.com/Peppermint-Lab/peppermint/releases">
diff --git a/apps/client/pages/profile.tsx b/apps/client/pages/profile.tsx
index 9b8fcc653..549c5ae7f 100644
--- a/apps/client/pages/profile.tsx
+++ b/apps/client/pages/profile.tsx
@@ -68,7 +68,7 @@ export default function UserProfile() {
                     name="name"
                     id="name"
                     autoComplete="name"
-                    className="focus:ring-light-blue-500 text-secondary focus:border-light-blue-500 flex-grow block w-full min-w-0 rounded-none rounded-r-md sm:text-sm border-gray-300"
+                    className="text-foreground bg-background flex-grow block w-full min-w-0 rounded-md sm:text-sm border-gray-300"
                     value={name}
                     onChange={(e) => setName(e.target.value)}
                   />
@@ -84,7 +84,7 @@ export default function UserProfile() {
                     type="email"
                     name="email"
                     autoComplete="email"
-                    className="focus:ring-light-blue-500 text-secondary focus:border-light-blue-500 flex-grow block w-full min-w-0 rounded-none rounded-r-md sm:text-sm border-gray-300"
+                    className="text-foreground bg-background flex-grow block w-full min-w-0 rounded-md sm:text-sm border-gray-300"
                     value={email}
                     onChange={(e) => setEmail(e.target.value)}
                   />
@@ -98,7 +98,7 @@ export default function UserProfile() {
                   <select
                     id="language"
                     name="language"
-                    className="mt-1 block w-full pl-3 pr-10 py-2 text-secondary text-base border-gray-300 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm rounded-md"
+                    className="text-foreground bg-background flex-grow block w-full min-w-0 rounded-md sm:text-sm border-gray-300"
                     value={language}
                     onChange={(e) => changeLanguage(e.target.value)}
                   >