style/status bar/note paths: fix an issue pointed by gemini-code-assist

apps/client/src/widgets/layout/StatusBar.css

@@ -130,10 +130,6 @@
                         font-size: .85em;
                         color: var(--menu-item-icon-color);
                     }
-
-                    span:last-of-type > span > a {
-                        color: var(--muted-text-color);
-                    }
                 }
 
                 a {
@@ -142,6 +138,10 @@
                     color: currentColor;
                     font-weight: normal;
                     text-decoration: none;
+
+                    &.basename {
+                        color: var(--muted-text-color);
+                    }
                 }
 
             }

apps/client/src/widgets/ribbon/NotePathsTab.tsx

@@ -8,6 +8,7 @@ import NoteLink from "../react/NoteLink";
 import { joinElements } from "../react/react_utils";
 import { TabContext } from "./ribbon-interface";
 import LinkButton from "../react/LinkButton";
+import clsx from "clsx";
 
 
 export default function NotePathsTab({ note, hoistedNoteId, notePath }: TabContext) {
@@ -109,8 +110,11 @@ function NotePath({ currentNotePath, notePathRecord }: { currentNotePath?: strin
 
     return (
         <li class={classes}>
-            {joinElements(fullNotePaths.map(notePath => (
-                <NoteLink key={notePath} notePath={notePath} noPreview />
+            {joinElements(fullNotePaths.map((notePath, index, arr) => (
+                <NoteLink key={notePath}
+                          className={clsx({"basename": (index === arr.length - 1)})}
+                          notePath={notePath}
+                          noPreview />
             )), NOTE_PATH_TITLE_SEPARATOR)}
 
             {icons.map(({ icon, title }) => (