+ piece of css to prettify map attributions

Author: alex11818

app.py

@@ -134,7 +134,7 @@ def extract_number(text):
 
 # %%
 c_map = dcc.Graph(
-    id='map_fig', style={'height': '83vh'},
+    id='map_fig', style={'height': '89vh'},
     config={'displayModeBar': True,'scrollZoom': True}
 )
 
@@ -1134,7 +1134,7 @@ def update_map(n, color, size,
         # legend=dict(groupclick="toggleitem", 
         #             x=0.0, y=0.0, xanchor='left', yanchor='bottom'),                    
         modebar_orientation='v',
-        margin={"r": 30, "t": 0, "l": 0, "b": 5},
+        margin={"r": 30, "t": 0, "l": 0, "b": 30},
         modebar_add=['toggleHover', 'drawline', 'drawopenpath',
                      'drawclosedpath', 'drawcircle', 'drawrect',
                      'eraseshape', 'toggleSpikelines'],

assets/custom.css

@@ -0,0 +1,19 @@
+/* Move attribution block outside the map */
+.maplibregl-ctrl-bottom-right {
+  position: static !important;
+  margin-top: 5px;
+  text-align: left;
+  padding-right: 10px;
+}
+
+/* Prevent it from overlapping map */
+.maplibregl-map > .maplibregl-control-container {
+  position: relative;
+  height: 0;
+  overflow: visible;
+}
+
+/* Hide the triangle button */
+.maplibregl-ctrl-attrib-button {
+  display: none !important;
+}