style: relocate the play button

remvze · Oct 6, 2023 · 403a755 · 403a755
1 parent a3eb479
commit 403a755
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/categories/categories.tsx b/src/components/categories/categories.tsx
@@ -26,6 +26,8 @@ export function Categories({ categories }: CategoriesProps) {
   return (
     <PlayProvider>
       <Container>
+        <PlayButton />
+
         <div>
           {categories.map(category => (
             <Category
@@ -35,8 +37,6 @@ export function Categories({ categories }: CategoriesProps) {
             />
           ))}
         </div>
-
-        <PlayButton />
       </Container>
     </PlayProvider>
   );

diff --git a/src/components/play-button/play-button.module.css b/src/components/play-button/play-button.module.css
@@ -1,6 +1,6 @@
 .playButton {
   position: sticky;
-  bottom: 30px;
+  top: 30px;
   display: flex;
   width: 150px;
   height: 45px;