Feat/tailwind (#1179)

components/environments/index.vue

@@ -11,7 +11,7 @@
       :show="showModalImportExport"
       @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>
@@ -28,7 +28,7 @@
       <i class="material-icons">help_outline</i> {{ $t("create_new_environment") }}
     </p>
     <div class="virtual-list">
-      <ul>
+      <ul class="flex-col">
         <li v-for="(environment, index) in environments" :key="environment.name">
           <environment
             :environmentIndex="index"
@@ -46,11 +46,6 @@
 .virtual-list {
   max-height: calc(100vh - 245px);
 }
-
-ul {
-  display: flex;
-  flex-direction: column;
-}
 </style>
 
 <script>