From 44133ac6c119911ad53db6040b7964afab1dc6b5 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Wed, 1 Dec 2021 21:45:45 +0300
Subject: [PATCH] Little fixes (#472)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 packages/theme/styles/_layouts.scss           |  1 +
 .../components/AttachmentsPresenter.svelte    |  2 +-
 .../src/components/CommentPresenter.svelte    | 21 +++++++------------
 .../src/components/CommentsPresenter.svelte   |  2 +-
 .../components/ApplicationsPresenter.svelte   |  4 ++--
 5 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/packages/theme/styles/_layouts.scss b/packages/theme/styles/_layouts.scss
index ff9e2873cb..9c830ef635 100644
--- a/packages/theme/styles/_layouts.scss
+++ b/packages/theme/styles/_layouts.scss
@@ -183,6 +183,7 @@ p:last-child { margin-block-end: 0; }
 .ml-1 { margin-left: .25rem; }
 .ml-2 { margin-left: .5rem; }
 .ml-3 { margin-left: .75rem; }
+.ml-4 { margin-left: 1rem; }
 .mr-1 { margin-right: .25rem; }
 .mr-4 { margin-right: 1rem; }
 .mr-8 { margin-right: 2rem; }
diff --git a/plugins/chunter-resources/src/components/AttachmentsPresenter.svelte b/plugins/chunter-resources/src/components/AttachmentsPresenter.svelte
index c8be496409..cfbbd81aea 100644
--- a/plugins/chunter-resources/src/components/AttachmentsPresenter.svelte
+++ b/plugins/chunter-resources/src/components/AttachmentsPresenter.svelte
@@ -36,7 +36,7 @@
 {#if value.attachments && value.attachments > 0}
   <Tooltip label={'Attachments (' + value.attachments + ')'} component={AttachmentPopup} props={{ objectId: value._id }}>
     <div class="sm-tool-icon">
-      <span class="icon"><IconAttachment size="small"/></span>{value.attachments}
+      <span class="icon"><IconAttachment size="small"/></span>&nbsp;{value.attachments}
     </div>
   </Tooltip>
 {/if}
diff --git a/plugins/chunter-resources/src/components/CommentPresenter.svelte b/plugins/chunter-resources/src/components/CommentPresenter.svelte
index b28489ce36..ad6bc3df0b 100644
--- a/plugins/chunter-resources/src/components/CommentPresenter.svelte
+++ b/plugins/chunter-resources/src/components/CommentPresenter.svelte
@@ -31,13 +31,13 @@
     <Avatar size={'medium'} />
   </div>
   <div class="flex-col">
-    <div class="flex-row-top justify-between mb-1">
+    <div class="header">
       <div class="fs-title">
         {#await getUser(client, value.modifiedBy) then user}
           {#if user}{formatName(user.name)}{/if}
         {/await}
       </div>
-      <div class="content-trans-color"><TimeSince value={value.modifiedOn} /></div>
+      <div class="content-trans-color ml-4"><TimeSince value={value.modifiedOn} /></div>
     </div>
     <div class="content-color">
       <MessageViewer message={value.message}/>
@@ -51,15 +51,10 @@
       min-width: 2.25rem;
     }
 
-    // .message {
-    //   display: flex;
-    //   flex-direction: column;
-    //   width: 100%;
-    //   .text {
-    //     line-height: 150%;
-    //     max-width: 20rem;
-
-    //     :global(p) { margin: 0; }
-    //   }
-    // }
+    .header {
+      display: inline-flex;
+      justify-content: space-between;
+      align-items: baseline;
+      margin-bottom: .25rem;
+    }
 </style>
\ No newline at end of file
diff --git a/plugins/chunter-resources/src/components/CommentsPresenter.svelte b/plugins/chunter-resources/src/components/CommentsPresenter.svelte
index 8c8a3579dd..3a34e91ce7 100644
--- a/plugins/chunter-resources/src/components/CommentsPresenter.svelte
+++ b/plugins/chunter-resources/src/components/CommentsPresenter.svelte
@@ -26,7 +26,7 @@
 {#if value.comments && value.comments > 0}
   <Tooltip label={chunter.string.Comments} component={CommentPopup} props={{ objectId: value._id }}>
     <div class="sm-tool-icon">
-      <span class="icon"><IconThread size="small"/></span>{value.comments}
+      <span class="icon"><IconThread size="small"/></span>&nbsp;{value.comments}
     </div>
   </Tooltip>
 {/if}
diff --git a/plugins/recruit-resources/src/components/ApplicationsPresenter.svelte b/plugins/recruit-resources/src/components/ApplicationsPresenter.svelte
index 5d5f2b53b1..44964b2162 100644
--- a/plugins/recruit-resources/src/components/ApplicationsPresenter.svelte
+++ b/plugins/recruit-resources/src/components/ApplicationsPresenter.svelte
@@ -26,8 +26,8 @@
 
 {#if value.applications && value.applications > 0}
   <Tooltip label={'Applications'} component={ApplicationsPopup} props={{ value }}>
-    <div class="flex-row-center">
-      <IconFile size={'small'} />&nbsp;{value.applications}
+    <div class="sm-tool-icon">
+      <span class="icon"><IconFile size={'small'} /></span>&nbsp;{value.applications}
     </div>
   </Tooltip>
 {/if}