From 7eb5b4549fbe07603f48993955fad5b033c67713 Mon Sep 17 00:00:00 2001
From: Lvyshnevska <lilia.vyshnevska@gmail.com>
Date: Fri, 8 Dec 2023 12:31:57 +0100
Subject: [PATCH] button -> a, styles fixed

---
 .../components/ProfileDetail/MainInfo/TitleInfo.jsx   |  8 ++++----
 .../ProfileDetail/MainInfo/TitleInfo.module.css       | 11 +++++++----
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
index a3771fc0b..1b48ba93d 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.jsx
@@ -162,13 +162,13 @@ function TitleInfo({ isAuthorized, data }) {
             </button>
           )}
           {ownProfile && (
-            <button
-              type="button"
-              className={`${classes['title-block__button']}`}
+            <a
+              role="link"
+              className={`${classes['title-block__button']} ${classes['title-block__link']}`}
               onClick={navigateToEditProfile}
             >
               <span className={`${classes['title-block__button--text']}`}>Редагувати профіль</span>
-            </button>
+            </a>
           )}
         </>
       ) : null}
diff --git a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
index 47588be6a..43830cfde 100644
--- a/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
+++ b/FrontEnd/src/components/ProfileDetail/MainInfo/TitleInfo.module.css
@@ -1,6 +1,6 @@
 .title-block {
     display: flex;
-    width: 1304px;
+    width: 1280px;
     padding: 16px 12px 8px 12px;
     align-items: flex-start;
     gap: 12px;
@@ -26,10 +26,9 @@
 
 .title-block__about {
     display: flex;
-    width: 1010px;
     flex-direction: column;
     align-items: flex-start;
-    flex-shrink: 0;
+    flex: 1 0 0;
 }
 
 .title-block__activity {
@@ -77,7 +76,7 @@
 
 .title-block__button {
     display: flex;
-    height: 34px;
+    height: 32px;
     padding: 5px 15px;
     justify-content: center;
     align-items: center;
@@ -88,6 +87,10 @@
     cursor: pointer;
 }
 
+.title-block__link {
+    height: 22px;
+}
+
 .added_to_saved__button {
     background: var(--primary-green-80, #1F9A7C);
 }