From 5f193680c9cca91ba883859737f04d8cd865c3c5 Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Sat, 15 May 2021 21:19:23 +0000
Subject: [PATCH] fix: minor UI stylings

---
 components/collections/ImportExport.vue |  4 ++--
 components/teams/Edit.vue               | 27 +++++++++++++++++++++++--
 pages/index.vue                         |  4 ----
 3 files changed, 27 insertions(+), 8 deletions(-)

diff --git a/components/collections/ImportExport.vue b/components/collections/ImportExport.vue
index 312c93f86..e92ad6688 100644
--- a/components/collections/ImportExport.vue
+++ b/components/collections/ImportExport.vue
@@ -10,7 +10,7 @@
             @click="mode = 'import_export'"
             v-tooltip.left="'Back'"
           >
-            <i class="material-icons">arrow_left</i>
+            <i class="material-icons">arrow_back</i>
           </button>
           <v-popover v-if="mode == 'import_export' && collectionsType.type == 'my-collections'">
             <button class="tooltip-target icon" v-tooltip.left="$t('more')">
@@ -142,7 +142,7 @@
           </select>
         </span>
         <button
-          class="icon primary"
+          class="m-2 icon primary"
           :disabled="mySelectedCollectionID == undefined"
           @click="importFromMyCollections"
         >
diff --git a/components/teams/Edit.vue b/components/teams/Edit.vue
index 618f3cbf2..64ddba295 100644
--- a/components/teams/Edit.vue
+++ b/components/teams/Edit.vue
@@ -33,7 +33,19 @@
           </div>
         </li>
       </ul>
-      <ul v-for="(member, index) in members" :key="`new-${index}`">
+      <ul
+        v-for="(member, index) in members"
+        :key="`new-${index}`"
+        class="
+          border-b border-dashed
+          divide-y
+          md:divide-x
+          border-brdColor
+          divide-dashed divide-brdColor
+          md:divide-y-0
+        "
+        :class="{ 'border-t': index == 0 }"
+      >
         <li>
           <input
             :placeholder="$t('email')"
@@ -84,7 +96,18 @@
           </li>
         </div>
       </ul>
-      <ul v-for="(member, index) in newMembers" :key="index">
+      <ul
+        v-for="(member, index) in newMembers"
+        :key="index"
+        class="
+          border-b border-dashed
+          divide-y
+          md:divide-x
+          border-brdColor
+          divide-dashed divide-brdColor
+          md:divide-y-0
+        "
+      >
         <li>
           <input
             :placeholder="$t('email')"
diff --git a/pages/index.vue b/pages/index.vue
index 24a8f9884..8310de869 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -546,10 +546,6 @@
             <SmartTab :id="'notes'" :label="$t('notes')">
               <HttpNotes />
             </SmartTab>
-
-            <SmartTab :id="'teams'" :label="'Teams'">
-              <Teams />
-            </SmartTab>
           </SmartTabs>
         </section>
       </aside>