From f4eaacc64a7589d8e4b375fcaf17c6de0af9a741 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 9 Jun 2023 16:31:31 -0700
Subject: [PATCH] Adjust vertical padding on lyrics display

---
 src/renderer/features/lyrics/synchronized-lyrics.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/renderer/features/lyrics/synchronized-lyrics.tsx b/src/renderer/features/lyrics/synchronized-lyrics.tsx
index 170dcdc8..b27f635a 100644
--- a/src/renderer/features/lyrics/synchronized-lyrics.tsx
+++ b/src/renderer/features/lyrics/synchronized-lyrics.tsx
@@ -18,7 +18,7 @@ const mpvPlayer = isElectron() ? window.electron.mpvPlayer : null;
 const SynchronizedLyricsContainer = styled.div`
   width: 100%;
   height: 100%;
-  padding: 5rem 0;
+  padding: 10vh 0 6vh;
   overflow: scroll;
   transform: translateY(-2rem);
 
@@ -29,6 +29,10 @@ const SynchronizedLyricsContainer = styled.div`
     rgba(0, 0, 0, 100%) 85%,
     transparent 95%
   );
+
+  @media screen and (max-width: 768px) {
+    padding: 5vh 0;
+  }
 `;
 
 interface SynchronizedLyricsProps extends Omit<FullLyricsMetadata, 'lyrics'> {