diff --git a/frontend/src/pages/Feed.js b/frontend/src/pages/Feed.js index 339e7d6e0ecb5bbbd426a7de841dbd5cdd6c2c24..a5c6c0d73254373189a564b2d30db4b7e26d2ca4 100644 --- a/frontend/src/pages/Feed.js +++ b/frontend/src/pages/Feed.js @@ -85,7 +85,7 @@ const Feed = () => { <div className={styles.header_button}><button onClick={handleOpenPost} className={buttons.button3}>add post + </button></div> </div> - <div className={buttons.arrow}><Link to='/'><FaArrowLeft /></Link></div> + <div className={buttons.arrow}><Link to='/'><FaArrowLeft /> Home</Link></div> {openPost ? ( <div className={styles.body}> <Post /></div> ) : ( diff --git a/frontend/src/pages/Profile.js b/frontend/src/pages/Profile.js index 6f09bb5c9f5a40b9905cdb867e16194128da704e..d8a90276793f756df3a055172557b4e5c825006d 100644 --- a/frontend/src/pages/Profile.js +++ b/frontend/src/pages/Profile.js @@ -74,7 +74,7 @@ const Profile = () => { return ( <> <div className={styles.header}> - <div className={buttons.arrow}><Link to='/'><FaArrowLeft /></Link></div> + <div className={buttons.arrow}><Link to='/'><FaArrowLeft /> Home</Link></div> <h1>Welcome to your profile page</h1> <p>Redirect through these links</p> diff --git a/frontend/src/styles/buttons.module.css b/frontend/src/styles/buttons.module.css index ef6066ba0285f648f447113b2703c2dd1cc2ebb0..ba579e2c1e1f7090e7002e02ae868ab8b6dc7ed4 100644 --- a/frontend/src/styles/buttons.module.css +++ b/frontend/src/styles/buttons.module.css @@ -41,11 +41,11 @@ .arrow{ position: absolute; justify-self: left; - margin: 15px; - width: 40px; + margin: 20px; + width: 100px; height: 40px; - border-radius: 50%; - background: rgb(0, 0, 0); + border-radius: 20px; + background: #5192b1; display: flex; justify-content: center; text-align: center; @@ -57,19 +57,15 @@ .arrow:hover{ transform: scale(1.2); - } - .arrow:hover a{ - transform: scale(1.1); - - } .arrow a{ - color: rgb(255, 251, 190); + color: rgb(255, 255, 255); font-size: 120%; justify-self: center; align-items: center; justify-content: center; display: flex; + text-decoration: none; } .button2 { font-family: 'Outfit', sans-serif; diff --git a/frontend/src/styles/feed.module.css b/frontend/src/styles/feed.module.css index 846be163a6fb1f13ee0e6ae00abbe3ec1b7efed2..172d363b43749eef497c0c58773460553d9c99e3 100644 --- a/frontend/src/styles/feed.module.css +++ b/frontend/src/styles/feed.module.css @@ -377,7 +377,7 @@ outline: none; color: white; display: flex; align-items: center; - + width: 900px; } .posts_header_img {