Fix add widget behavior, widget types and view settings button menu item...

client/src/theme.js

@@ -72,7 +72,7 @@ const widgetRecipe = defineSlotRecipe({
       borderColor: "{base300}",
       textAlign: "center",
       height: "100%",
-      position: "fixed"
+      //position: "fixed"
     },
     header: {
       flexShrink: "0",
@@ -138,18 +138,21 @@ const config = defineConfig({
         filter: "invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)",
       }
     },
-    '.leaflet-control-zoom-in .leaflet-control-zoom-out .leaflet-control-attribution .leaflet-container': {
+    '.leaflet-control-zoom-in, .leaflet-control-zoom-out, .leaflet-control-attribution, .leaflet-container': {
       _dark: {
         filter: "invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)",
       }
     },
     '.leaflet-control-attribution': {
+        maxWidth: "100%",
       _dark: {
         filter: "invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)",
       }
     },
     '.leaflet-container': {
       fontFamily: "georgia, system-ui, sans-serif !important",
+      width: "100%",
+      height: "100%",
       _dark: {
         filter: "invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)",
       }