From 3de205d7c23a2389a489f38bf28e0813f4027c3a Mon Sep 17 00:00:00 2001
From: Alina Beck <alina.beck@mail.com>
Date: Tue, 3 Dec 2019 14:03:31 +0300
Subject: [PATCH] style nested table

---
 .../_new/features/FiledTable/FiledTable.vue   | 42 +++++++++++--------
 1 file changed, 24 insertions(+), 18 deletions(-)

diff --git a/webapp/components/_new/features/FiledTable/FiledTable.vue b/webapp/components/_new/features/FiledTable/FiledTable.vue
index 246e8c754..1215de34f 100644
--- a/webapp/components/_new/features/FiledTable/FiledTable.vue
+++ b/webapp/components/_new/features/FiledTable/FiledTable.vue
@@ -1,22 +1,20 @@
 <template>
-  <ds-space margin-bottom="base">
-    <ds-table v-if="filed && filed.length" :data="filed" :fields="reportFields" condensed>
-      <template #submitter="scope">
-        <hc-user :user="scope.row.submitter" :showAvatar="false" :trunc="30" />
-      </template>
-      <template #reportedOn="scope">
-        <ds-text size="small">
-          <hc-relative-date-time :date-time="scope.row.createdAt" />
-        </ds-text>
-      </template>
-      <template #reasonCategory="scope">
-        {{ $t('report.reason.category.options.' + scope.row.reasonCategory) }}
-      </template>
-      <template #reasonDescription="scope">
-        {{ scope.row.reasonDescription.length ? scope.row.reasonDescription : '—' }}
-      </template>
-    </ds-table>
-  </ds-space>
+  <ds-table class="nested-table" v-if="filed && filed.length" :data="filed" :fields="reportFields" condensed>
+    <template #submitter="scope">
+      <hc-user :user="scope.row.submitter" :showAvatar="false" :trunc="30" />
+    </template>
+    <template #reportedOn="scope">
+      <ds-text size="small">
+        <hc-relative-date-time :date-time="scope.row.createdAt" />
+      </ds-text>
+    </template>
+    <template #reasonCategory="scope">
+      {{ $t('report.reason.category.options.' + scope.row.reasonCategory) }}
+    </template>
+    <template #reasonDescription="scope">
+      {{ scope.row.reasonDescription.length ? scope.row.reasonDescription : '—' }}
+    </template>
+  </ds-table>
 </template>
 <script>
 import HcUser from '~/components/User/User'
@@ -54,3 +52,11 @@ export default {
   },
 }
 </script>
+
+<style lang="scss">
+.nested-table {
+  padding: $space-small;
+  border-top: $border-size-base solid $color-neutral-60;
+  border-bottom: $border-size-base solid $color-neutral-60;
+}
+</style>