From c04ba52ddffbe059052e12e74230dd17588bcfa1 Mon Sep 17 00:00:00 2001
From: Hector <hector@hjs.dev>
Date: Sat, 8 Jun 2024 12:47:22 +0100
Subject: [PATCH 1/3] shorten evidence names

---
 src/data/evidence.json | 10 +++++-----
 src/pages/Home/Home.js |  4 ++--
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/data/evidence.json b/src/data/evidence.json
index eb41c45..979a649 100644
--- a/src/data/evidence.json
+++ b/src/data/evidence.json
@@ -1,7 +1,7 @@
 [
   {
     "id": "#dots",
-    "name": "D.O.T.S. Projector",
+    "name": "D.O.T.S.",
     "icon": "th"
   },
   {
@@ -11,22 +11,22 @@
   },
   {
     "id": "#fingerprints",
-    "name": "Fingerprints",
+    "name": "UV",
     "icon": "paw"
   },
   {
     "id": "#freezing",
-    "name": "Freezing Temperatures",
+    "name": "Freezing",
     "icon": "thermometer-quarter"
   },
   {
     "id": "#orb",
-    "name": "Ghost Orb",
+    "name": "Orb",
     "icon": "dot-circle-o"
   },
   {
     "id": "#writing",
-    "name": "Ghost Writing",
+    "name": "Writing",
     "icon": "pencil-square-o"
   },
   {
diff --git a/src/pages/Home/Home.js b/src/pages/Home/Home.js
index 0322587..e042a84 100644
--- a/src/pages/Home/Home.js
+++ b/src/pages/Home/Home.js
@@ -21,14 +21,14 @@ export const Home = ({ rawEvidence, rawGhosts }) => {
             <SyncModal toggleSyncModalOpen={toggleSyncModalOpen} />
           )}
           <div className="columns">
-            <div className="column is-4">
+            <div className="column is-3">
               <EvidenceSelectorPanel
                 evidence={rawEvidence}
                 ghosts={rawGhosts}
                 toggleSyncModal={toggleSyncModalOpen}
               />
             </div>
-            <div className="column is-8">
+            <div className="column is-9">
               <GhostListPanel ghosts={rawGhosts} evidence={rawEvidence} />
             </div>
           </div>
-- 
GitLab


From 9e1acb2ac5365d62e5b4830fed6b764608acf776 Mon Sep 17 00:00:00 2001
From: Hector <hector@hjs.dev>
Date: Sat, 8 Jun 2024 12:49:29 +0100
Subject: [PATCH 2/3] add long names for evidence

---
 src/data/evidence.json | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/data/evidence.json b/src/data/evidence.json
index 979a649..7cf2fce 100644
--- a/src/data/evidence.json
+++ b/src/data/evidence.json
@@ -2,36 +2,43 @@
   {
     "id": "#dots",
     "name": "D.O.T.S.",
+    "longName": "D.O.T.S. Projector",
     "icon": "th"
   },
   {
     "id": "#emf",
     "name": "EMF",
+    "longName": "EMF Level 5",
     "icon": "signal"
   },
   {
     "id": "#fingerprints",
     "name": "UV",
+    "longName": "Ultraviolet",
     "icon": "paw"
   },
   {
     "id": "#freezing",
     "name": "Freezing",
+    "longName": "Freezing Temperatures",
     "icon": "thermometer-quarter"
   },
   {
     "id": "#orb",
     "name": "Orb",
+    "longName": "Ghost Orb",
     "icon": "dot-circle-o"
   },
   {
     "id": "#writing",
     "name": "Writing",
+    "longName": "Ghost Writing",
     "icon": "pencil-square-o"
   },
   {
     "id": "#box",
     "name": "Spirit Box",
+    "longName": "Spirit Box",
     "icon": "microphone"
   }
 ]
-- 
GitLab


From 1323019d45259d7937d969a8af8ac11efc757e47 Mon Sep 17 00:00:00 2001
From: Hector <hector@hjs.dev>
Date: Sat, 8 Jun 2024 12:54:57 +0100
Subject: [PATCH 3/3] use long name on hover

---
 src/components/EvidenceTagFull.js       | 4 ++--
 src/components/GhostRow.js              | 3 ++-
 src/components/ObservationToggle.js     | 3 ++-
 src/pages/Home/EvidenceSelectorPanel.js | 1 +
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/EvidenceTagFull.js b/src/components/EvidenceTagFull.js
index 9773351..c53872f 100644
--- a/src/components/EvidenceTagFull.js
+++ b/src/components/EvidenceTagFull.js
@@ -1,11 +1,11 @@
-export const EvidenceTagFull = ({ name, icon, isSelected }) => {
+export const EvidenceTagFull = ({ name, longName, icon, isSelected }) => {
   return (
     <span
       className={
         'tag is-medium' +
         (isSelected ? ' is-success' : ' is-transparent has-border')
       }
-      title={name}
+      title={longName}
     >
       <span className="icon">
         <i className={'fa fa-' + icon}></i>
diff --git a/src/components/GhostRow.js b/src/components/GhostRow.js
index 26660d0..3fc9437 100644
--- a/src/components/GhostRow.js
+++ b/src/components/GhostRow.js
@@ -37,12 +37,13 @@ export const GhostRow = ({
               {expanded ? (
                 <EvidenceTagFull
                   name={e.name}
+                  longName={e.longName}
                   icon={e.icon}
                   isSelected={getIsEvidenceSelected(e.id)}
                 />
               ) : (
                 <EvidenceTag
-                  name={e.name}
+                  name={e.longName}
                   icon={e.icon}
                   isSelected={getIsEvidenceSelected(e.id)}
                 />
diff --git a/src/components/ObservationToggle.js b/src/components/ObservationToggle.js
index 0fa949b..6fdf11f 100644
--- a/src/components/ObservationToggle.js
+++ b/src/components/ObservationToggle.js
@@ -1,6 +1,7 @@
 export const ObservationToggle = ({
   id,
   name,
+  longName,
   icon,
   isSelected,
   toggleSelection,
@@ -39,7 +40,7 @@ export const ObservationToggle = ({
           </button>
         </div>
       </div>
-      <div className="column is-mobile mt-1">
+      <div className="column is-mobile mt-1" title={longName}>
         <p>{name}</p>
       </div>
     </div>
diff --git a/src/pages/Home/EvidenceSelectorPanel.js b/src/pages/Home/EvidenceSelectorPanel.js
index 8d326c4..75b09b9 100644
--- a/src/pages/Home/EvidenceSelectorPanel.js
+++ b/src/pages/Home/EvidenceSelectorPanel.js
@@ -49,6 +49,7 @@ export const EvidenceSelectorPanel = ({
             key={e.id}
             id={e.id}
             name={e.name}
+            longName={e.longName}
             icon={e.icon}
             isSelected={getIsEvidenceSelected(e.id)}
             toggleSelection={() => toggleEvidenceSelected(e.id)}
-- 
GitLab