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/components/navigation/sidebars/nav/Tree.tsx

@@ -102,13 +102,11 @@ export const Tree: Component<TreeProps> = props => {
                                   : ""
                               }
                             >
-                              <p>
-                                <a
-                                  href={`/docs/types/${submodule.type}/${submodule.name}`}
-                                >
-                                  {submodule.name}
-                                </a>
-                              </p>
+                              <a
+                                href={`/docs/types/${submodule.type}/${submodule.name}`}
+                              >
+                                {submodule.name}
+                              </a>
                             </div>
                           )}
                         </For>

src/components/type/Properties.astro

@@ -41,8 +41,11 @@ const { propsKeys, propsData } = Astro.props;
             <Tag client:idle/>
             { item }<span class="type-datatype">:&nbsp;<a
               href={typeLink}
-              target="_blank"
-            >{ linkText }</a>{genericType && (<a href={genericTypeLink} class="type-datatype generic-type">&lt;{genericType}&gt;</a>)}</span>
+            >{ linkText }</a>{genericType &&
+            (<span class="type-datatype">&lt;</span><a
+              href={genericTypeLink}>{genericType}</a
+              ><span class="type-datatype">&gt;</span>
+            )}</span>
           </p>
           {
             propData.flags && propData.flags.length > 0 ? (