Merge pull request #2 from ravixalgorithm/main

resolve issue #1 - removed unnecessary gap

Author: ignaciomartinelias

Diff for: src/components/Sidebar/AlgorithmSelector.tsx

@@ -11,9 +11,9 @@ export const AlgorithmSelector = () => {
   const { activeAlgorithm, setActiveAlgorithm, isPlaying } = useStore();
 
   return (
-    <div className="flex flex-col gap-8">
+    <div className="flex flex-col gap-4">
       <Title title="Sorting Algorithms" />
-      <div className="flex flex-col gap-4">
+      <div className="flex flex-col gap-2">
         {algorithms.map((algorithm) => (
           <Button
             key={algorithm}

Diff for: src/components/Sidebar/Sidebar.tsx

@@ -4,7 +4,7 @@ import { Settings } from "./Settings";
 
 export const Sidebar = () => (
   <aside className="hidden lg:flex min-w-[360px] p-8 flex-col justify-between border-accent/50 transition border-r-2 hover:border-accent">
-    <div className="flex flex-col h-full gap-16">
+    <div className="flex flex-col h-full gap-8">
       <AlgorithmSelector />
       <Settings />
     </div>