dbeaver/pro#9785 fixes layout for driver selector (#4573)

Co-authored-by: Daria Marutkina <125263541+dariamarutkina@users.noreply.github.com>

webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.module.css

@@ -16,6 +16,10 @@
   min-width: 24px;
 }
 
+.cell {
+  width: 50%;
+}
+
 .indicator {
   position: absolute;
   bottom: 2px;

webapp/packages/plugin-connection-custom/src/DriverSelector/Driver.tsx

@@ -1,6 +1,6 @@
 /*
  * CloudBeaver - Cloud Database Manager
- * Copyright (C) 2020-2025 DBeaver Corp and others
+ * Copyright (C) 2020-2026 DBeaver Corp and others
  *
  * Licensed under the Apache License, Version 2.0.
  * you may not use this file except in compliance with the License.
@@ -40,8 +40,12 @@ export const Driver = observer<Props>(function Driver({ driver, onSelect }) {
           </div>
         )}
       </ListItemIcon>
-      <ListItemName>{driver.name}</ListItemName>
-      <ListItemDescription>{driver.description}</ListItemDescription>
+      <ListItemName className={s(styles, { cell: true })}>
+        <span title={driver.name}>{driver.name}</span>
+      </ListItemName>
+      <ListItemDescription className={s(styles, { cell: true })} title={driver.description}>
+        {driver.description}
+      </ListItemDescription>
     </ListItem>
   );
 });

webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.module.css

@@ -10,3 +10,7 @@
   flex-direction: column;
   overflow: auto;
 }
+
+.itemList {
+  scrollbar-gutter: stable;
+}

webapp/packages/plugin-connection-custom/src/DriverSelector/DriverSelector.tsx

@@ -34,7 +34,7 @@ export const DriverSelector = observer<Props>(function DriverSelector({ drivers,
   return (
     <div ref={focusedRef} className={s(styles, { wrapper: true })}>
       <ItemListSearch placeholder={translate('connections_driver_search_placeholder')} onChange={setSearch} />
-      <ItemList className={className}>
+      <ItemList className={s(styles, { itemList: true }, className)}>
         {filteredDrivers.map(driver => (
           <Driver key={driver.id} driver={driver} onSelect={onSelect} />
         ))}