From 45872a85fac9384659df44e986fe8a6955fbed63 Mon Sep 17 00:00:00 2001
From: Alexander Platov <sas_lord@mail.ru>
Date: Fri, 20 Aug 2021 13:37:44 +0300
Subject: [PATCH] Layout for Activity (#44)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>
---
 .../src/components/Activity.svelte            | 29 +++++++------------
 1 file changed, 11 insertions(+), 18 deletions(-)

diff --git a/plugins/chunter-resources/src/components/Activity.svelte b/plugins/chunter-resources/src/components/Activity.svelte
index 6c141702eb..e51c361e7a 100644
--- a/plugins/chunter-resources/src/components/Activity.svelte
+++ b/plugins/chunter-resources/src/components/Activity.svelte
@@ -20,7 +20,7 @@ import type { Doc, Ref, Space } from '@anticrm/core'
 import type { Comment } from '@anticrm/chunter'
 import { ReferenceInput } from '@anticrm/text-editor'
 import { createQuery, getClient } from '@anticrm/presentation'
-import { Section, IconComments } from '@anticrm/ui'
+import { Section, IconComments, Grid } from '@anticrm/ui'
 
 import Bookmark from './icons/Bookmark.svelte'
 import Backlink from './Backlink.svelte'
@@ -45,20 +45,13 @@ function onMessage(event: CustomEvent) {
 }
 </script>
 
-<div class="reference"><ReferenceInput on:message={onMessage}/></div>
-
-<!-- <Section icon={IconComments} label={'Comments'}>
-  <CommentViewer />
-</Section> -->
-{#if comments}
-  {#each comments as comment}
-    <Backlink {comment} />
-  {/each}
-{/if}
-
-<style lang="scss">
-  .reference {
-    margin-top: 24px;
-  }
-</style>
-
+<Section icon={IconComments} label={'Comments'}>
+  <Grid column={1} rowGap={1.5}>
+    {#if comments}
+      {#each comments as comment}
+        <Backlink {comment} />
+      {/each}
+    {/if}
+    <ReferenceInput on:message={onMessage}/>
+  </Grid>
+</Section>