From 4650cb7b7515bf662f5da1211e445ca12088cfe8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=81ngel=20Montero=20Lamas?= <angel.montero1@gmail.com>
Date: Sat, 22 Jan 2022 18:27:32 +0100
Subject: [PATCH] Cleaned code and fixes

Cleaned </pattern> in index.html line 152.
Put back: width=".9em" height=".9em" style="margin-bottom:-1px"> for fill.
---
 index.html                 | 2 --
 modules/ui/editors.js      | 1 -
 modules/ui/zones-editor.js | 4 ++--
 3 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 7d6c6832..4331b7c4 100644
--- a/index.html
+++ b/index.html
@@ -149,8 +149,6 @@
       </g>
 
       <g id="hatching">
-        </pattern>
-	  
         <pattern id="hatch0" patternUnits="userSpaceOnUse" width="4" height="4">
           <line x1="0" y1="0" x2="0" y2="4" style="stroke:black; stroke-width:2"/>
         </pattern>
diff --git a/modules/ui/editors.js b/modules/ui/editors.js
index e04adaa9..47a891d4 100644
--- a/modules/ui/editors.js
+++ b/modules/ui/editors.js
@@ -517,7 +517,6 @@ function createPicker() {
   hatches
     .selectAll("rect")
     .on("click", pickerFillClicked)
-    //.on("mousemove", () => tip("Click to fill with the hatching " + #("#picker_" + hatch.id) ));
 
   // append box
   const bbox = picker.node().getBBox();
diff --git a/modules/ui/zones-editor.js b/modules/ui/zones-editor.js
index a86428c3..5f4ae7a8 100644
--- a/modules/ui/zones-editor.js
+++ b/modules/ui/zones-editor.js
@@ -80,7 +80,7 @@ function editZones() {
       const focused = defs.select("#fog #focus" + this.id).size();
 
       lines += `<div class="states" data-id="${this.id}" data-fill="${fill}" data-description="${description}" data-cells=${c.length} data-area=${area} data-population=${population}>
-        <svg data-tip="Zone fill style. Click to change" width="1.5em" height="1.5em" style="margin-bottom:-4px"><rect x="0" y="0" width="100%" height="100%" fill="${fill}" class="fillRect pointer"></svg>
+        <svg data-tip="Zone fill style. Click to change" width=".9em" height=".9em" style="margin-bottom:-1px"><rect x="0" y="0" width="100%" height="100%" fill="${fill}" class="fillRect pointer"></svg>
         <input data-tip="Zone description. Click and type to change" class="religionName" value="${description}" autocorrect="off" spellcheck="false">
         <span data-tip="Cells count" class="icon-check-empty hide"></span>
         <div data-tip="Cells count" class="stateCells hide">${c.length}</div>
@@ -349,7 +349,7 @@ function editZones() {
     const unit = areaUnit.value === "square" ? " " + distanceUnitInput.value + "²" : " " + areaUnit.value;
 
     const line = `<div class="states" data-id="${id}" data-fill="${fill}" data-description="${description}" data-cells=0 data-area=0 data-population=0>
-      <svg data-tip="Zone fill style. Click to change" width="1.5em" height="1.5em" style="margin-bottom:-4px"><rect x="0" y="0" width="100%" height="100%" fill="${fill}" class="fillRect pointer"></svg>
+      <svg data-tip="Zone fill style. Click to change" width=".9em" height=".9em" style="margin-bottom:-1px"><rect x="0" y="0" width="100%" height="100%" fill="${fill}" class="fillRect pointer"></svg>
       <input data-tip="Zone description. Click and type to change" class="religionName" value="${description}" autocorrect="off" spellcheck="false">
       <span data-tip="Cells count" class="icon-check-empty hide"></span>
       <div data-tip="Cells count" class="stateCells hide">0</div>