Make attribution visible with scrollbars; minor style updates

OvertureMaps · Jun 6, 2024 · 47d169b · 47d169b
1 parent 07cdcb5
commit 47d169b
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 29 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/site/src/App.css b/site/src/App.css
@@ -6,6 +6,11 @@
   width:100vw;
   height:80vh;
   position:relative;
+
+  .maplibregl-ctrl-bottom-right {
+    bottom: 10px;
+    right: 10px;
+  }
 }
 
 .wordmark {
@@ -14,18 +19,14 @@
   align-items: center;
 }
 
-.header,.footer {
+.header {
   display: flex;
   flex-direction:row;
   align-items: center;
   justify-content:space-between;
   width:100%;
 }
 
-.footer {
-  height: 20vh;
-}
-
 .downloadBar { 
   display: flex;
   flex-direction: row;

diff --git a/site/src/App.jsx b/site/src/App.jsx
@@ -1,6 +1,5 @@
 import "./App.css";
 import Header from "./nav/Header";
-import Footer from "./Footer";
 import Map from "./Map";
 import { MapProvider } from "react-map-gl/maplibre";
 import { keepTheme } from "./themeUtils";
@@ -17,7 +16,6 @@ function App() {
     <MapProvider>
       <Header mode={modeName} setMode={setModeName} />
       <Map mode={modeName} />
-      <Footer mode={modeName} />
     </MapProvider>
   );
 }

diff --git a/site/src/Footer.jsx b/site/src/Footer.jsx
diff --git a/site/src/InspectorPanel.css b/site/src/InspectorPanel.css
@@ -13,10 +13,14 @@
   border: 3px;
   border-radius: 10px;
   border-color: rgba(15, 15, 15, 0.8);
-  max-height: 80%;
+  max-height: 80vh;
   overflow-y: scroll;
   position:relative;
 
+  p {
+    margin: 0;
+  }
+
   @media (max-width: 768px) {
     max-height: 50%;
   }