Feat/tailwind (#1179)

components/collections/index.vue

@@ -39,7 +39,7 @@ TODO:
       @hide-modal="displayModalImportExport(false)"
     />
 
-    <div class="flex-wrap">
+    <div class="row-wrapper">
       <div>
         <button class="icon" @click="displayModalAdd(true)">
           <i class="material-icons">add</i>
@@ -65,7 +65,7 @@ TODO:
       <i class="material-icons">help_outline</i> {{ $t("create_new_collection") }}
     </p>
     <div class="virtual-list">
-      <ul>
+      <ul class="flex-col">
         <li v-for="(collection, index) in collections" :key="collection.name">
           <collection
             :collection-index="index"
@@ -87,11 +87,6 @@ TODO:
 .virtual-list {
   max-height: calc(100vh - 245px);
 }
-
-ul {
-  display: flex;
-  flex-direction: column;
-}
 </style>
 
 <script>