window tobbar styling changes

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(() => {

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;