From a3ca870fe5d0edeeedda25dd8a9cbc080f0e3a03 Mon Sep 17 00:00:00 2001
From: Pas <74743263+Pasithea0@users.noreply.github.com>
Date: Sun, 3 Aug 2025 13:48:18 -0600
Subject: [PATCH] notification style updates

---
 .../overlays/notificationsModal/components/DetailView.tsx   | 6 +++---
 .../overlays/notificationsModal/components/SettingsView.tsx | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/overlays/notificationsModal/components/DetailView.tsx b/src/components/overlays/notificationsModal/components/DetailView.tsx
index f75d5652..4b53e19a 100644
--- a/src/components/overlays/notificationsModal/components/DetailView.tsx
+++ b/src/components/overlays/notificationsModal/components/DetailView.tsx
@@ -15,11 +15,11 @@ export function DetailView({
   return (
     <div className="space-y-4">
       {/* Header with back button and toggle read status */}
-      <div className="flex md:flex-row flex-col items-start justify-between gap-4 pb-4 border-b border-utils-divider">
+      <div className="flex md:flex-row flex-col items-start md:items-center justify-between gap-4 pb-4 border-b border-utils-divider">
         <button
           type="button"
           onClick={goBackToList}
-          className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1"
+          className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1 text-sm"
         >
           <Icon icon={Icons.CHEVRON_LEFT} />
           <span>Back to notifications</span>
@@ -58,7 +58,7 @@ export function DetailView({
               {selectedNotification.source && (
                 <>
                   <span className="text-sm text-type-secondary">•</span>
-                  <span className="text-sm text-type-secondary">
+                  <span className="text-sm text-type-secondary text-nowrap">
                     {selectedNotification.source}
                   </span>
                 </>
diff --git a/src/components/overlays/notificationsModal/components/SettingsView.tsx b/src/components/overlays/notificationsModal/components/SettingsView.tsx
index 3af85e65..a35266bc 100644
--- a/src/components/overlays/notificationsModal/components/SettingsView.tsx
+++ b/src/components/overlays/notificationsModal/components/SettingsView.tsx
@@ -34,7 +34,7 @@ export function SettingsView({
         <button
           type="button"
           onClick={onClose}
-          className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1"
+          className="text-type-link hover:text-type-linkHover transition-colors flex items-center gap-1 text-sm"
         >
           <Icon icon={Icons.CHEVRON_LEFT} />
           <span>Back to notifications</span>
@@ -42,7 +42,7 @@ export function SettingsView({
       </div>
 
       {/* Settings content */}
-      <div className="space-y-6 overflow-y-auto max-h-[70vh] md:max-h-[60vh]">
+      <div className="space-y-6 overflow-y-auto max-h-[70vh] md:max-h-[60vh] md:pr-2">
         {/* Mark all as unread section */}
         <div className="bg-background-main/30 rounded-lg p-4 border border-utils-divider">
           <h3 className="text-white font-bold mb-3">Mark All as Unread</h3>