various small fixes

- light theme footer css
- fixed l/r overlay css
- fixed discolored generics
- fixed scroll margin
- elements selected by url now display as hovered
- fixed top padding in mobile layout
- fixed padding for import string on type pages
- fixed padding on module listing pages
- fixed link clickable areas on left nav

src/pages/docs/types/[type]/[name].astro

@@ -57,9 +57,8 @@ const details = data.details
       <hr />
       <h2 class="typedocs-title" data-pagefind-weight="10">
         {route.name}:
-          {data.super ? (
+          {data.super?.name ? (
             <a
-              target="_blank"
               href={superLink!}
               data-pagefind-ignore
             >
@@ -70,11 +69,11 @@ const details = data.details
           )
           }
       </h2>
+      <code class="type-module" data-pagefind-ignore>import {data.module}</code>
       {
         route && data ? (
           <section class="typedocs-data typedata">
             <subheading class="typedocs-subheading">
-              <code class="type-module" data-pagefind-ignore>import {data.module}</code>
               {data.flags ? (
                 <div class="type-flags" data-pagefind-ignore>{data.flags.map(flag => (
                   <span class="type-flag">

src/pages/docs/types/[type]/index.astro

@@ -34,21 +34,26 @@ const details = route.data.details
   title={route.type + " Type Documentation"}
   description="Quickshell Type Documentation"
 >
-  <hr />
-  <h2 class="typedocs-title">{route.type[0].toUpperCase() + route.type.slice(1)} Definitions</h2>
-  <div class="root-nav" data-pagefind-ignore>
-    {route.data.contains!.map((childName:string) => 
-      (
-      <div class="root-nav-entry">
-        <a class="root-nav-link" href={`/docs/types/${route.data.module === "index"
-        ? route.data.name
-        : route.data.module}/${childName}`}>
-        {childName}
-        </a>
-        <span class="root-nav-desc">{children[childName] || "See Configuration"}</span>
+  <div class="docs-content">
+    <hr />
+    <h2 class="typedocs-title">{route.type[0].toUpperCase() + route.type.slice(1)} Definitions</h2>
+    <section>
+      <span>{route.data.description}</span>
+      <div class="root-nav" data-pagefind-ignore>
+        {route.data.contains!.map((childName:string) => 
+          (
+          <div class="root-nav-entry">
+            <a class="root-nav-link" href={`/docs/types/${route.data.module === "index"
+            ? route.data.name
+            : route.data.module}/${childName}`}>
+            {childName}
+            </a>
+            <span class="root-nav-desc">{children[childName] || "See Configuration"}</span>
+          </div>
+          )
+        )}
       </div>
-      )
-    )}
+      {details && <span class="parsedMD" set:html={details}/>}
+    </section>
   </div>
-  {details ? <span class="parsedMD" set:html={details}/> : (<span class="toparse">{route.data.description}</span>)}
 </DocsLayout>