button -> a, styles fixed

ita-social-projects · Dec 8, 2023 · 7eb5b45 · 7eb5b45
1 parent 136509a
commit 7eb5b45
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git 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
@@ -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);
 }