Skip to content

Commit 7c38521

Browse files
committed
Establish button hierarchy: Make Add Movie primary, Search Movies secondary
- Changed Search Movies button to secondary style (white background with Forest green border) - Kept Add Movie button as primary action (solid Forest green background) - Updated Search Movies hover state to invert colors (dark green background with white text) - Creates clear visual hierarchy between primary and secondary actions
1 parent 9eeb404 commit 7c38521

1 file changed

Lines changed: 5 additions & 4 deletions

File tree

mflix/client/app/movies/movies.module.css

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,9 @@
3737

3838
.searchButton {
3939
padding: 0.875rem 1.75rem;
40-
background: var(--mongodb-forest);
41-
color: var(--mongodb-white);
42-
border: none;
40+
background: var(--mongodb-white);
41+
color: var(--mongodb-forest);
42+
border: 2px solid var(--mongodb-forest);
4343
border-radius: var(--radius-lg);
4444
font-size: 1rem;
4545
font-weight: 600;
@@ -53,7 +53,8 @@
5353
}
5454

5555
.searchButton:hover:not(:disabled) {
56-
background: var(--mongodb-evergreen);
56+
background: var(--mongodb-forest);
57+
color: var(--mongodb-white);
5758
transform: translateY(-2px);
5859
box-shadow: 0 6px 16px rgba(0, 104, 74, 0.4);
5960
}

0 commit comments

Comments
 (0)