From 36d161c05a720d02f7075f310b7545fe0569965d Mon Sep 17 00:00:00 2001
From: Kingkor Roy Tirtho <krtirtho@gmail.com>
Date: Sun, 15 Sep 2024 10:51:13 +0600
Subject: [PATCH] fix(desktop): scrollbar overlapping with more options of
 tracks and playlists

---
 lib/components/track_tile/track_tile.dart                      | 3 +++
 .../tracks_view/sections/body/track_view_body_headers.dart     | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/lib/components/track_tile/track_tile.dart b/lib/components/track_tile/track_tile.dart
index 12ce063f..8ab889f8 100644
--- a/lib/components/track_tile/track_tile.dart
+++ b/lib/components/track_tile/track_tile.dart
@@ -3,6 +3,7 @@ import 'dart:async';
 import 'package:flutter/gestures.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:gap/gap.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:skeletonizer/skeletonizer.dart';
 import 'package:spotify/spotify.dart';
@@ -21,6 +22,7 @@ import 'package:spotube/pages/track/track.dart';
 import 'package:spotube/provider/audio_player/querying_track_info.dart';
 import 'package:spotube/provider/audio_player/state.dart';
 import 'package:spotube/provider/blacklist_provider.dart';
+import 'package:spotube/utils/platform.dart';
 import 'package:spotube/utils/service_utils.dart';
 
 class TrackTile extends HookConsumerWidget {
@@ -276,6 +278,7 @@ class TrackTile extends HookConsumerWidget {
                   userPlaylist: userPlaylist,
                   showMenuCbRef: showOptionCbRef,
                 ),
+                if (kIsDesktop) const Gap(10),
               ],
             ),
           ),
diff --git a/lib/components/tracks_view/sections/body/track_view_body_headers.dart b/lib/components/tracks_view/sections/body/track_view_body_headers.dart
index 564c85d0..82cc7706 100644
--- a/lib/components/tracks_view/sections/body/track_view_body_headers.dart
+++ b/lib/components/tracks_view/sections/body/track_view_body_headers.dart
@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:gap/gap.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:spotube/components/expandable_search/expandable_search.dart';
 import 'package:spotube/components/sort_tracks_dropdown.dart';
@@ -7,6 +8,7 @@ import 'package:spotube/components/tracks_view/track_view_props.dart';
 import 'package:spotube/components/tracks_view/track_view_provider.dart';
 import 'package:spotube/extensions/constrains.dart';
 import 'package:spotube/extensions/context.dart';
+import 'package:spotube/utils/platform.dart';
 
 class TrackViewBodyHeaders extends HookConsumerWidget {
   final ValueNotifier<bool> isFiltering;
@@ -94,6 +96,7 @@ class TrackViewBodyHeaders extends HookConsumerWidget {
               },
             ),
             const TrackViewBodyOptions(),
+            if (kIsDesktop) const Gap(10),
           ],
         );
       },