From 308c166983481e40d22e9fd6c19e600a9d2029bd Mon Sep 17 00:00:00 2001
From: Xiao Gui <xgui3783@gmail.com>
Date: Tue, 17 Nov 2020 18:40:40 +0100
Subject: [PATCH] fix label sizing

---
 deploy/common/weave.esm.js                           | 12 ++++++------
 package.json                                         |  2 +-
 .../regional-feature-view.style.css                  |  7 ++++++-
 .../regional-feature-view/regional-feature-view.tsx  |  4 ++--
 src/index.html                                       |  3 ++-
 5 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/deploy/common/weave.esm.js b/deploy/common/weave.esm.js
index 1af49da..688bf57 100644
--- a/deploy/common/weave.esm.js
+++ b/deploy/common/weave.esm.js
@@ -69,13 +69,13 @@ class BaseSvg{
   constructor(config = {}){
 
     const { width, height, margin, fontFamily, cssSetColor } = config
-    this.width = width || 600
-    this.height = height || 600
+    this.width = width || 400
+    this.height = height || 400
     this.margin = {
-      left: 70,
-      right: 70,
-      top: 70,
-      bottom: 70,
+      left: 100,
+      right: 100,
+      top: 100,
+      bottom: 100,
       ...margin
     }
 
diff --git a/package.json b/package.json
index 666a7bb..521df1a 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kg-dataset-previewer",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Preview a few manually curated datasets.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
diff --git a/src/components/regional-feature-view/regional-feature-view.style.css b/src/components/regional-feature-view/regional-feature-view.style.css
index 2cca4f4..be6f1e6 100644
--- a/src/components/regional-feature-view/regional-feature-view.style.css
+++ b/src/components/regional-feature-view/regional-feature-view.style.css
@@ -15,6 +15,11 @@ svg .line-path
   fill: none;
 }
 
+svg .guideLine
+{
+  stroke: currentColor;
+}
+
 svg .radial-guidelines
 {
   stroke: currentColor;
@@ -30,7 +35,7 @@ svg .radial-guidelines
 
 [kg-ds-prv-darkmode] svg .fill-path
 {
-  fill: rgba(50, 50, 50, 1.0);
+  fill: rgba(100, 100, 100, 1.0);
 }
 
 
diff --git a/src/components/regional-feature-view/regional-feature-view.tsx b/src/components/regional-feature-view/regional-feature-view.tsx
index 77d0959..31e2b4e 100644
--- a/src/components/regional-feature-view/regional-feature-view.tsx
+++ b/src/components/regional-feature-view/regional-feature-view.tsx
@@ -149,9 +149,9 @@ export class RegionalFeatureView{
 
     svgMain.append('line')
       .attr('id', guideLineXId)
+      .attr('class', 'guideLine')
       .attr('fill', 'none')
       .attr('stroke-width', '1px')
-      .attr('stroke', `rgba(100,100,100,1.0)`)
       .attr("x1", 0)
       .attr("y1", 0)
       .attr("x2", 0)
@@ -159,9 +159,9 @@ export class RegionalFeatureView{
 
     svgMain.append('line')
       .attr('id', guideLineYId)
+      .attr('class', 'guideLine')
       .attr('fill', 'none')
       .attr('stroke-width', '1px')
-      .attr('stroke', `rgba(100,100,100,1.0)`)
       .attr("x1", 0)
       .attr("y1", 0)
       .attr("x2", 0)
diff --git a/src/index.html b/src/index.html
index 4a2a995..a4973bb 100644
--- a/src/index.html
+++ b/src/index.html
@@ -44,7 +44,8 @@
         kg-ds-prv-filename="hOc1_pr_examples/5-HT1A/hOc1_pr_5-HT1A.tsv">
       </kg-ds-prv-regional-feature-view>
       <kg-ds-prv-regional-feature-view
-        style="display:block;"
+        id="test-1"
+        style="display:block;width:250px;"
         kg-ds-prv-kg-id="e715e1f7-2079-45c4-a67f-f76b102acfce"
         kg-ds-prv-filename="hOc1_fp_20171202.tsv">
       </kg-ds-prv-regional-feature-view>