From 8fa7330602c51f37bdb3cb434243f2f99ff5787d Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Sun, 24 Dec 2017 23:19:14 +0100
Subject: [PATCH] removed ugly dividers in batch import list

---
 .../components/library/import/BatchList.vue   | 62 ++++++++++---------
 1 file changed, 32 insertions(+), 30 deletions(-)

diff --git a/front/src/components/library/import/BatchList.vue b/front/src/components/library/import/BatchList.vue
index 41b94bd4e..c78f1ea4e 100644
--- a/front/src/components/library/import/BatchList.vue
+++ b/front/src/components/library/import/BatchList.vue
@@ -1,36 +1,38 @@
 <template>
   <div>
     <div class="ui vertical stripe segment">
-      <div v-if="isLoading" class="ui vertical segment">
-        <div :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
-      </div>
-    </div>
-    <div class="ui vertical stripe segment">
-        <button class="ui left floated labeled icon button" @click="fetchData(previousLink)" :disabled="!previousLink"><i class="left arrow icon"></i> Previous</button>
-        <button class="ui right floated right labeled icon button" @click="fetchData(nextLink)" :disabled="!nextLink">Next <i class="right arrow icon"></i></button>
-        <div class="ui hidden clearing divider"></div>
-        <div class="ui hidden clearing divider"></div>
-        <table v-if="results.length > 0" class="ui table">
-          <thead>
-            <tr>
-              <th>ID</th>
-              <th>Launch date</th>
-              <th>Jobs</th>
-              <th>Status</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr v-for="result in results">
-              <td>{{ result.id }}</th>
-              <td>
-                <router-link :to="{name: 'library.import.batches.detail', params: {id: result.id }}">
-                  {{ result.creation_date }}
-                </router-link>
-              </td>
-              <td>{{ result.jobs.length }}</td>
-              <td>
-                <span
-                  :class="['ui', {'yellow': result.status === 'pending'}, {'green': result.status === 'finished'}, 'label']">{{ result.status }}</span>
+      <div v-if="isLoading" :class="['ui', 'centered', 'active', 'inline', 'loader']"></div>
+      <button
+        class="ui left floated labeled icon button"
+        @click="fetchData(previousLink)"
+        :disabled="!previousLink"><i class="left arrow icon"></i> Previous</button>
+      <button
+        class="ui right floated right labeled icon button"
+        @click="fetchData(nextLink)"
+        :disabled="!nextLink">Next <i class="right arrow icon"></i></button>
+      <div class="ui hidden clearing divider"></div>
+      <div class="ui hidden clearing divider"></div>
+      <table v-if="results.length > 0" class="ui table">
+        <thead>
+          <tr>
+            <th>ID</th>
+            <th>Launch date</th>
+            <th>Jobs</th>
+            <th>Status</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr v-for="result in results">
+            <td>{{ result.id }}</th>
+            <td>
+              <router-link :to="{name: 'library.import.batches.detail', params: {id: result.id }}">
+                {{ result.creation_date }}
+              </router-link>
+            </td>
+            <td>{{ result.jobs.length }}</td>
+            <td>
+              <span
+                :class="['ui', {'yellow': result.status === 'pending'}, {'green': result.status === 'finished'}, 'label']">{{ result.status }}</span>
               </td>
             </tr>
           </tbody>