increased gap between saved timers properties

MacielG1 · Sep 3, 2023 · f2d9b41 · f2d9b41
1 parent 28b74ec
commit f2d9b41
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/SaveTimer.jsx b/src/components/SaveTimer.jsx
@@ -73,7 +73,7 @@ export default function SaveTimer() {
       />
       <button
         onClick={handleSaveTimer}
-        className="rounded-2xl px-2 text-center text-blue-400 text-md  sm:text-xl bg-neutral-800  cursor-pointer hover:bg-neutral-700/70 transition duration-300"
+        className="rounded-2xl px-2 text-center text-blue-400 hover:text-blue-500/90 text-md  sm:text-xl bg-neutral-800  cursor-pointer hover:bg-neutral-700/70 transition duration-300"
       >
         {lang.save[preferredLanguage]}
       </button>

diff --git a/src/components/Sidebar.jsx b/src/components/Sidebar.jsx
@@ -57,7 +57,7 @@ export default function Sidebar() {
             <div className="flex text-2xl justify-center">
               <span>{i.Title || `Timer ${index + 1}`}</span>
             </div>
-            <div className="grid grid-cols-1 sm:grid-cols-2 gap-2 2xl:  sm:gap-y-2 py-2 sm:py-4 px-0 justify-center text-left text-md sm:text-lg min-[1360px]:text-sm min-[1620px]:text-base">
+            <div className="grid grid-cols-1 sm:grid-cols-2 gap-2 sm:gap-3   sm:gap-y-2 lg:gap-x-6 py-2 sm:py-4 px-0 justify-center text-left text-md sm:text-lg min-[1360px]:text-sm min-[1620px]:text-base">
               <span className="sm:pl-5 text-center sm:text-left order-1 sm:order-none  ">
                 {lang.rounds[preferredLanguage]} {i.Rounds}
               </span>