From 310386d86c2cc7d950e23d0f79f4ff025ec6233d Mon Sep 17 00:00:00 2001
From: Rauno Tegelmann <raunoot@gmail.com>
Date: Sun, 25 Aug 2024 19:48:57 +0300
Subject: [PATCH] ui(rewind): use smaller select style for user selector

---
 src/app/rewind/_components/StoryWrapper.tsx | 2 +-
 src/app/rewind/_components/UserSelect.tsx   | 4 ++--
 src/app/rewind/layout.tsx                   | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/rewind/_components/StoryWrapper.tsx b/src/app/rewind/_components/StoryWrapper.tsx
index eb854f0d..137767db 100644
--- a/src/app/rewind/_components/StoryWrapper.tsx
+++ b/src/app/rewind/_components/StoryWrapper.tsx
@@ -18,7 +18,7 @@ export default function StoryWrapper({
     <>
       {children}
       <button
-        className='absolute -bottom-[54px] right-0 z-10 size-5 sm:-right-4'
+        className='absolute -bottom-[2.75rem] right-0 z-10 size-5 sm:-right-4'
         onClick={() => (isPaused ? resume() : pause())}
       >
         {isPaused ? <PlayIcon /> : <PauseIcon />}
diff --git a/src/app/rewind/_components/UserSelect.tsx b/src/app/rewind/_components/UserSelect.tsx
index f8eb38e3..718d55a5 100644
--- a/src/app/rewind/_components/UserSelect.tsx
+++ b/src/app/rewind/_components/UserSelect.tsx
@@ -25,9 +25,9 @@ export default function UserSelect({ users, currentUserId }: Props) {
 
   return (
     <div className='input-wrapper absolute bottom-4 left-4 z-10'>
-      <div className='select-wrapper'>
+      <div className='select-wrapper select-wrapper--small'>
         <select
-          className='input'
+          className='input input--small'
           value={currentUserId}
           onChange={handleChange}
           ref={selectRef}
diff --git a/src/app/rewind/layout.tsx b/src/app/rewind/layout.tsx
index af232ccf..b4b47d9a 100644
--- a/src/app/rewind/layout.tsx
+++ b/src/app/rewind/layout.tsx
@@ -24,7 +24,7 @@ export default async function RewindLayout({ children }: Props) {
   return (
     <div className='flex w-full max-w-2xl flex-1 flex-col sm:flex-none'>
       <PageTitle title='Rewind' />
-      <CardWrapper className='pb-20 sm:min-h-[80vh]'>{children}</CardWrapper>
+      <CardWrapper className='pb-16 sm:min-h-[80vh]'>{children}</CardWrapper>
     </div>
   )
 }