From b2bcd97f349b1ceb58c5f8eaaba4e904bf6d348e Mon Sep 17 00:00:00 2001
From: ducdat0507 <62660527+ducdat0507@users.noreply.github.com>
Date: Thu, 15 Dec 2022 10:58:57 +0700
Subject: [PATCH] Prettier progress bars

---
 src/data/layers/cloth.tsx | 12 ++++++------
 src/data/layers/trees.tsx |  8 ++++----
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/data/layers/cloth.tsx b/src/data/layers/cloth.tsx
index 3d910b0..a430a49 100644
--- a/src/data/layers/cloth.tsx
+++ b/src/data/layers/cloth.tsx
@@ -55,8 +55,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         height: 10,
         style: "margin-top: 8px",
         borderStyle: "border-color: black",
-        baseStyle: "margin-top: 0",
-        fillStyle: "margin-top: 0; transition-duration: 0s; background: black",
+        baseStyle: "margin-top: -1px",
+        fillStyle: "margin-top: -1px; transition-duration: 0s; background: black",
         progress: () => Decimal.div(breedingProgress.value, computedBreedingCooldown.value)
     }));
     const breeding = createClickable(() => ({
@@ -91,8 +91,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         height: 10,
         style: "margin-top: 8px",
         borderStyle: "border-color: black",
-        baseStyle: "margin-top: 0",
-        fillStyle: "margin-top: 0; transition-duration: 0s; background: black",
+        baseStyle: "margin-top: -1px",
+        fillStyle: "margin-top: -1px; transition-duration: 0s; background: black",
         progress: () => Decimal.div(shearingProgress.value, computedShearingCooldown.value)
     }));
     const shearing = createClickable(() => ({
@@ -127,8 +127,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         height: 10,
         style: "margin-top: 8px",
         borderStyle: "border-color: black",
-        baseStyle: "margin-top: 0",
-        fillStyle: "margin-top: 0; transition-duration: 0s; background: black",
+        baseStyle: "margin-top: -1px",
+        fillStyle: "margin-top: -1px; transition-duration: 0s; background: black",
         progress: () => Decimal.div(spinningProgress.value, computedSpinningCooldown.value)
     }));
     const spinning = createClickable(() => ({
diff --git a/src/data/layers/trees.tsx b/src/data/layers/trees.tsx
index 700cae5..9840304 100644
--- a/src/data/layers/trees.tsx
+++ b/src/data/layers/trees.tsx
@@ -541,8 +541,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         width: 100,
         height: 10,
         style: "margin-top: 8px",
-        baseStyle: "margin-top: 0",
-        fillStyle: "margin-top: 0; transition-duration: 0s",
+        baseStyle: "margin-top: -1px",
+        fillStyle: "margin-top: -1px; transition-duration: 0s",
         progress: () => Decimal.div(manualCutProgress.value, computedManualCuttingCooldown.value)
     }));
 
@@ -593,8 +593,8 @@ const layer = createLayer(id, function (this: BaseLayer) {
         width: 100,
         height: 10,
         style: "margin-top: 8px",
-        baseStyle: "margin-top: 0",
-        fillStyle: "margin-top: 0; transition-duration: 0s",
+        baseStyle: "margin-top: -1px",
+        fillStyle: "margin-top: -1px; transition-duration: 0s",
         progress: () => Decimal.div(manualPlantProgress.value, computedManualPlantingCooldown.value)
     }));
     const plantTree = createClickable(() => ({