From d89a9d6b60948b0b3794a7870828f13763811e35 Mon Sep 17 00:00:00 2001
From: HF <pixelplanetdev@gmail.com>
Date: Sun, 2 May 2021 14:12:11 +0200
Subject: [PATCH] window tobbar styling changes

---
 src/components/Converter.jsx | 26 +++++++++++---------------
 src/styles/default.css       |  4 +++-
 2 files changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/Converter.jsx b/src/components/Converter.jsx
index b886df59..c47fb3f1 100644
--- a/src/components/Converter.jsx
+++ b/src/components/Converter.jsx
@@ -208,7 +208,17 @@ async function renderOutputImage(opts) {
 
 
 function Converter() {
-  const [selectedCanvas, selectCanvas] = useState(0);
+  const [
+    canvasId,
+    canvases,
+    showHiddenCanvases,
+  ] = useSelector((state) => [
+    state.canvas.canvasId,
+    state.canvas.canvases,
+    state.canvas.showHiddenCanvases,
+  ], shallowEqual);
+
+  const [selectedCanvas, selectCanvas] = useState(canvasId);
   const [selectedFile, selectFile] = useState(null);
   const [selectedStrategy, selectStrategy] = useState('nearest');
   const [selectedColorDist, selectColorDist] = useState('euclidean');
@@ -226,20 +236,6 @@ function Converter() {
     offsetY: 0,
   });
 
-  const [
-    canvasId,
-    canvases,
-    showHiddenCanvases,
-  ] = useSelector((state) => [
-    state.canvas.canvasId,
-    state.canvas.canvases,
-    state.canvas.showHiddenCanvases,
-  ], shallowEqual);
-
-  useEffect(() => {
-    selectCanvas(canvasId);
-  }, []);
-
   const input = document.createElement('canvas');
 
   useEffect(() => {
diff --git a/src/styles/default.css b/src/styles/default.css
index a30ef91a..e160a6bc 100644
--- a/src/styles/default.css
+++ b/src/styles/default.css
@@ -152,6 +152,8 @@ tr:nth-child(even) {
   cursor: move;
   flex-grow: 1;
   line-height: 17px;
+  white-space: nowrap;
+  overflow: hidden;
   height: 17px;
   margin: 2px;
   padding-left: 10px;
@@ -170,7 +172,7 @@ tr:nth-child(even) {
   margin: 2px;
   text-align: center;
   height: 17px;
-  width: 17px;
+  min-width: 17px;
   line-height: 17px;
   font-size: 17px;
   font-weight: bold;