map sizing and stopping global styles

Author: davidsklar99

pages/columns/+Page.client.ts

@@ -3,8 +3,7 @@ import { PageHeader, Link, AssistantLinks, DevLinkButton } from "~/components";
 import { Divider, AnchorButton, Card, Icon } from "@blueprintjs/core";
 import { useData } from "vike-react/useData";
 import { useState } from "react";
-import "./main.scss";
-import h from "@macrostrat/hyper";
+import h from "./main.module.scss";
 import { SETTINGS } from "@macrostrat-web/settings";
 import { useAPIResult } from "@macrostrat/ui-components";
 import { Loading, ColumnsMap } from "../index";

pages/columns/main.scss pages/columns/main.module.scsspages/columns/main.scss renamed to pages/columns/main.module.scss

@@ -99,8 +99,4 @@ h2 {
   height: 100%;
   position: absolute;
   z-index: 1;
-}
-
-.map-container {
-    height: 50vh;
 }

pages/layout.module.sass

@@ -28,7 +28,7 @@
 
 .map-area-container
   width: 100% !important
-  height: 100% !important
+  height: 50vh !important
 
 // davids
 .nav