From 7ba3d767d76d0b1bfdd0fcc8d9120d1f85edc9e2 Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Tue, 28 Nov 2023 20:06:13 +0300
Subject: [PATCH] Profile head style fixes

---
 .../Author/AuthorCard/AuthorCard.module.scss    | 17 ++++++++++++++++-
 src/components/Author/AuthorCard/AuthorCard.tsx | 11 +++++++++--
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/components/Author/AuthorCard/AuthorCard.module.scss b/src/components/Author/AuthorCard/AuthorCard.module.scss
index 98e1206e..a903b53b 100644
--- a/src/components/Author/AuthorCard/AuthorCard.module.scss
+++ b/src/components/Author/AuthorCard/AuthorCard.module.scss
@@ -43,8 +43,23 @@
     }
   }
 
+  .authorActionsLabel {
+    @include media-breakpoint-down(sm) {
+      display: none;
+    }
+  }
+
+  .authorActionsLabelMobile {
+    display: none;
+
+    @include media-breakpoint-down(sm) {
+      display: block;
+    }
+  }
+
   .authorDetails {
     display: block;
+    margin-bottom: 0;
 
     @include media-breakpoint-down(md) {
       flex: 1 100%;
@@ -403,7 +418,7 @@
   @include media-breakpoint-down(sm) {
     flex: 1 100%;
     justify-content: center;
-    margin-top: 1em;
+    margin-top: 1rem;
   }
 
   @include media-breakpoint-down(md) {
diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx
index e38ef986..65f4353a 100644
--- a/src/components/Author/AuthorCard/AuthorCard.tsx
+++ b/src/components/Author/AuthorCard/AuthorCard.tsx
@@ -131,7 +131,9 @@ export const AuthorCard = (props: Props) => {
       <div class={clsx('col-md-15 col-xl-13', styles.authorDetails)}>
         <div class={styles.authorDetailsWrapper}>
           <div class={styles.authorName}>{name()}</div>
-          <div class={styles.authorAbout} innerHTML={props.author.bio} />
+          <Show when={props.author.bio}>
+            <div class={styles.authorAbout} innerHTML={props.author.bio} />
+          </Show>
           <Show
             when={
               (props.followers && props.followers.length > 0) ||
@@ -237,7 +239,12 @@ export const AuthorCard = (props: Props) => {
                 <Button
                   variant="secondary"
                   onClick={() => redirectPage(router, 'profileSettings')}
-                  value={t('Edit profile')}
+                  value={
+                    <>
+                      <span class={styles.authorActionsLabel}>{t('Edit profile')}</span>
+                      <span class={styles.authorActionsLabelMobile}>{t('Edit')}</span>
+                    </>
+                  }
                 />
                 <SharePopup
                   title={props.author.name}