From 8b26accb788fdbeb88cefd43c7097e14c38e4201 Mon Sep 17 00:00:00 2001
From: vjrj <vjrj@ourproject.org>
Date: Mon, 19 Feb 2018 16:12:09 +0100
Subject: [PATCH] Minor changes in individual Fire map style/usability

---
 imports/ui/pages/Fires/Fires.js   | 3 ++-
 imports/ui/pages/Fires/Fires.scss | 7 ++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/imports/ui/pages/Fires/Fires.js b/imports/ui/pages/Fires/Fires.js
index a892181..662b234 100644
--- a/imports/ui/pages/Fires/Fires.js
+++ b/imports/ui/pages/Fires/Fires.js
@@ -100,7 +100,8 @@ class Fire extends React.Component {
                    center={[fire.lat, fire.lon]}
                    color="red"
                    fillColor="red"
-                   fillOpacity={0.1}
+                   fillOpacity={0.0}
+                   interactive={false}
                    radius={fire.scan ? fire.scan * 1000 : 300}
                />
              </Fragment>
diff --git a/imports/ui/pages/Fires/Fires.scss b/imports/ui/pages/Fires/Fires.scss
index a2577ec..213d9e8 100644
--- a/imports/ui/pages/Fires/Fires.scss
+++ b/imports/ui/pages/Fires/Fires.scss
@@ -2,7 +2,7 @@
 @import '../../stylesheets/mixins';
 
 .fire-leaflet-container {
-  min-height: 30vh;
+  min-height: 40vh;
   min-width: 40vw;
   width: 50%;
   margin: 0 0 10px 10px !important;
@@ -11,7 +11,8 @@
 }
 
 .ViewFire > h4.page-header {
-    line-height: 1.3em;
+  line-height: 1.3em;
+  font-size: 1.5em;
 }
 
 @media (max-width: 768px) {
@@ -28,4 +29,4 @@
     border-color: #fdfdfe;
     padding: 10px;
     border-radius: 3px; */
-}
\ No newline at end of file
+}