styling fixes for stacking order and overflow

quartz/components/PageList.tsx

@@ -48,7 +48,7 @@ export function PageList({ fileData, allFiles }: QuartzComponentProps) {
                 {tags.map((tag) => (
                   <li>
                     <a
-                      class="internal"
+                      class="internal tag-link"
                       href={resolveRelative(slug, `tags/${tag}` as CanonicalSlug)}
                     >
                       #{tag}
@@ -68,4 +68,8 @@ PageList.css = `
 .section h3 {
   margin: 0;
 }
+
+.section > .tags {
+  margin: 0;
+}
 `

quartz/components/TagList.tsx

@@ -33,6 +33,7 @@ TagList.css = `
   display: flex;
   padding-left: 0;
   gap: 0.4rem;
+  margin: 1rem 0;
 }
   
 .tags > li {

quartz/components/pages/FolderContent.tsx

@@ -11,8 +11,8 @@ function FolderContent(props: QuartzComponentProps) {
   const { tree, fileData, allFiles } = props
   const folderSlug = canonicalizeServer(fileData.slug!)
   const allPagesInFolder = allFiles.filter((file) => {
-    const fileSlug = file.slug ?? ""
-    const prefixed = fileSlug.startsWith(folderSlug)
+    const fileSlug = canonicalizeServer(file.slug!)
+    const prefixed = fileSlug.startsWith(folderSlug) && fileSlug !== folderSlug
     const folderParts = folderSlug.split(path.posix.sep)
     const fileParts = fileSlug.split(path.posix.sep)
     const isDirectChild = fileParts.length === folderParts.length + 1