From a91ac1d1b4d010f4596c94710dd6ca022f0c61fd Mon Sep 17 00:00:00 2001
From: Norbert Maciaszek <norbert@ambiscale.com>
Date: Tue, 5 Aug 2025 22:53:20 +0200
Subject: [PATCH] Update MovieCard button labels for consistency and adjust
 layout margins in MovieList and SearchMovies components for improved
 responsiveness.

---
 src/components/atoms/MovieCard/index.tsx        | 4 ++--
 src/components/molecules/MovieList/index.tsx    | 2 +-
 src/components/molecules/SearchMovies/index.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/atoms/MovieCard/index.tsx b/src/components/atoms/MovieCard/index.tsx
index d4158b5..2de970b 100644
--- a/src/components/atoms/MovieCard/index.tsx
+++ b/src/components/atoms/MovieCard/index.tsx
@@ -107,7 +107,7 @@ export const MovieCard: FC<Props> = ({
               className={`${buttonClass} bg-primary/70 text-white hover:bg-primary`}
               onClick={handleAdd}
             >
-              Add to watchlist
+              Add to list
             </button>
           )}
           {alreadyInStore && (
@@ -132,7 +132,7 @@ export const MovieCard: FC<Props> = ({
                 className={`${buttonClass} bg-primary/70 text-white hover:bg-primary`}
                 onClick={handleRemove}
               >
-                Remove from watchlist
+                Remove from list
               </button>
             </>
           )}
diff --git a/src/components/molecules/MovieList/index.tsx b/src/components/molecules/MovieList/index.tsx
index 9179e3a..808b123 100644
--- a/src/components/molecules/MovieList/index.tsx
+++ b/src/components/molecules/MovieList/index.tsx
@@ -61,7 +61,7 @@ export const MovieList: FC<Props> = ({
   };
 
   return (
-    <section className="my-20">
+    <section className="my-4 md:my-10">
       <div className="container">
         <div className="row">
           <div className="col-12 md:col-10">
diff --git a/src/components/molecules/SearchMovies/index.tsx b/src/components/molecules/SearchMovies/index.tsx
index 2fb2289..82d6e9e 100644
--- a/src/components/molecules/SearchMovies/index.tsx
+++ b/src/components/molecules/SearchMovies/index.tsx
@@ -14,10 +14,10 @@ export const SearchMovies = () => {
   };
 
   return (
-    <section className="mb-20">
+    <section className="mb-4 md:mb-10">
       <div className="container">
         <div className="row justify-center">
-          <div className="col-5">
+          <div className="col-12 md:col-5">
             <SearchInput onChange={handleSearch} />
           </div>
         </div>