Style fixes

src/components/Article/Article.module.scss

@@ -1,13 +1,11 @@
 h1 {
   @include font-size(4rem);
-
   line-height: 1.1;
   margin-top: 0.5em;
 }
 
 h2 {
   @include font-size(4rem);
-
   line-height: 1.1;
 }
 
@@ -72,7 +70,6 @@ img {
     &[data-float='left'],
     &[data-float='right'] {
       @include font-size(2.2rem);
-
       line-height: 1.4;
     }
 
@@ -97,9 +94,7 @@ img {
   ta-border-sub {
     background: #f1f2f3;
     display: block;
-
     @include font-size(1.4rem);
-
     margin: 3.2rem 0;
     padding: 3.2rem;
 
@@ -178,7 +173,7 @@ img {
 
   :global(.img-align-left) {
     float: left;
-    margin: 1em 8.3333% 0.5em 0;
+    margin: 1em 8.3333% 1.5em 0;
   }
 
   :global(.width-30) {
@@ -197,7 +192,7 @@ img {
 
   :global(.img-align-right) {
     float: right;
-    margin: 1em 0 0.5em 8.3333%;
+    margin: 1em 0 1.5em 8.3333%;
   }
 
   :global(.img-align-right.width-50) {
@@ -309,7 +304,6 @@ img {
 
 .shoutStatsItem {
   @include font-size(1.5rem);
-
   align-items: center;
   font-weight: 500;
   display: flex;
@@ -422,7 +416,6 @@ img {
 
 .topicsList {
   @include font-size(1.2rem);
-
   border-bottom: 1px solid #e8e8e8;
   letter-spacing: 0.08em;
   margin-top: 1.6rem;
@@ -468,7 +461,6 @@ img {
 
 .commentsHeader {
   @include font-size(2.4rem);
-
   margin-bottom: 1em;
 
   .newReactions {
@@ -502,7 +494,6 @@ img {
 
   button {
     @include font-size(1.5rem);
-
     border-radius: 0.8rem;
     margin-right: 1.2rem;
     padding: 0.9rem 1.2rem;
@@ -591,7 +582,6 @@ a[data-toggle='tooltip'] {
 
 .lead {
   @include font-size(1.8rem);
-
   font-weight: 600;
 
   b,

src/components/Article/CommentDate.module.scss

@@ -1,13 +1,14 @@
 .commentDates {
   color: #9fa1a7;
   align-items: center;
+  align-self: center;
   display: flex;
   flex: 1;
   @include font-size(1.2rem);
   font-size: 1.2rem;
   gap: 1rem;
   justify-content: flex-start;
-  margin: 0 1em 4px 0;
+  margin: 0 1em 0 0;
 
   .date {
     font-weight: 500;

src/components/Author/AuthorCard/AuthorCard.module.scss

@@ -1,5 +1,5 @@
 .author {
-  align-items: flex-start;
+  align-items: baseline;
   display: flex;
   flex-flow: row nowrap;
   margin-bottom: 1.6rem;

src/components/Author/AuthorCard/AuthorCard.tsx

@@ -272,7 +272,7 @@ export const AuthorCard = (props: Props) => {
             <Show when={isSessionLoaded()}>
               <Show when={canFollow()}>
                 <div class={styles.authorSubscribe}>
-                  <Show when={!props.noSocialButtons && !props.hideWriteButton}>
+                  <Show when={!props.noSocialButtons && !props.hideWriteButton && props.author.links}>
                     <div class={styles.authorSubscribeSocial}>
                       <For each={props.author.links}>{(link) => <a href={link} />}</For>
                     </div>

src/components/Nav/Modal/Modal.module.scss

@@ -41,19 +41,15 @@
       right: 1.6rem;
     }
 
+    &:hover {
+      opacity: 0.5;
+    }
+
     svg {
       display: block;
       pointer-events: none;
     }
 
-    &:hover {
-      background: #000;
-
-      .icon {
-        filter: invert(1);
-      }
-    }
-
     .icon {
       height: 100%;
       width: 100%;

src/components/Views/Author/Author.tsx

@@ -149,7 +149,7 @@ export const AuthorView = (props: Props) => {
                   onClick={() => checkBioHeight()}
                   href={getPagePath(router, 'authorAbout', { slug: props.authorSlug })}
                 >
-                  {t('About myself')}
+                  {t('Profile')}
                 </a>
               </li>
             </ul>