small things

some small changes

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>
                 ) : (

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>
 

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;

frontend/src/styles/feed.module.css

@@ -377,7 +377,7 @@ outline: none;
   color: white;
   display: flex;
   align-items: center;
-
+  width: 900px;
 }
 
 .posts_header_img {