fixed point layer opacity bug, changed point layer styling

public/js/app.js

@@ -331,10 +331,11 @@ function stylePoint(feature, latlng) {
 
     return L.circleMarker(latlng, {
         radius: 8,
-        color: '#ffffff',
-        weight: 2,
+        color: cat.color,
+        weight: 3,
         fillColor: cat.color,
-        fillOpacity: 0.9
+        fillOpacity: 0.25,
+        opacity: 0.8
     });
 }
 
@@ -755,7 +756,14 @@ function toggleCategoryFilter(checkbox) {
             if (layer.feature) {
                 const cat = layer.feature.properties.category;
                 if (activeFilters.indexOf(cat) !== -1) {
-                    layer.setStyle({ opacity: 0.8, fillOpacity: layer.feature.geometry.type === 'Point' ? 0.25 : 0.25 });
+                    const catDef = CATEGORIES[cat] || CATEGORIES.other;
+                    layer.setStyle({
+                        color: catDef.color,
+                        weight: 3,
+                        opacity: 0.8,
+                        fillColor: catDef.color,
+                        fillOpacity: 0.25
+                    });
                     if (layer.setRadius) layer.setRadius(8);
                     layer.options.interactive = true;
                 } else {