исправление стилей соединений и padding сохранения svg

src/App.css

@@ -196,8 +196,8 @@ html, body, #root {
 
 .preview-port {
   position: absolute;
-  width: 6px;
-  height: 6px;
+  width: 7px;
+  height: 7px;
   border-radius: 50%;
 }
 

src/App.jsx

@@ -84,7 +84,7 @@ function App() {
     }
 
     const bounds = getNodesBounds(nodes)
-    const padding = 20
+    const padding = 30
     const widthExportWindow = bounds.width + padding * 2
     const heightExportWindow = bounds.height + padding * 2
 

src/components/ToolbarElements.jsx

@@ -64,7 +64,7 @@ export const ToolbarBlock = memo(({ block, onDragStart }) => {
 export function ToolbarLine({ line, caseWidth, isActive, onClick }) {
   return (
     <button
-      className={isActive ? 'activeConnectionTab' : 'notActiveConnectionTab'}
+      className={isActive ? 'activeEdgeTab' : 'notActiveEdgeTab'}
       onClick={() => onClick && onClick(line.type)}
       style={{
         width: `${caseWidth}px`,