desktop selection

frontend/src/sidebar/Sidebar.jsx

@@ -65,6 +65,11 @@ const FolderNode = ({
         className={rowClasses.join(' ')}
         draggable={canDrag}
         onClick={() => onSelect(node.id)}
+        onDoubleClick={() => {
+          if (canToggle) {
+            onToggle(node.id);
+          }
+        }}
         onDragOver={(event) => onDragOver(event, node.id)}
         onDragLeave={onDragLeave}
         onDrop={(event) => onDrop(event, node.id)}
@@ -84,9 +89,11 @@ const FolderNode = ({
         >
           {icon}
         </span>
-        <span className="name">
+        <span className="name-wrap">
           <FolderIcon className="folder-icon-image" size={16} />
-          {node.name}
+          <span className="name__label" title={node.name}>
+            {node.name}
+          </span>
         </span>
         {node.id !== 'root' && (
           <div className="folder-row__actions">