refactor(ui): sort classes

components/environments/Edit.vue

@@ -2,9 +2,7 @@
   <SmartModal v-if="show" @close="hideModal">
     <template #header>
       <h3 class="heading">{{ $t("edit_environment") }}</h3>
-      <div>
-        <ButtonSecondary icon="close" @click.native="hideModal" />
-      </div>
+      <ButtonSecondary icon="close" @click.native="hideModal" />
     </template>
     <template #body>
       <div class="flex flex-col px-2">
@@ -23,7 +21,7 @@
           <label for="variableList" class="font-semibold px-4 pt-4 pb-4">
             {{ $t("env_variable_list") }}
           </label>
-          <div>
+          <div class="flex">
             <ButtonSecondary
               v-tippy="{ theme: 'tooltip' }"
               :title="$t('clear')"
@@ -77,7 +75,7 @@
               :placeholder="$t('count.value', { count: index + 1 })"
               :name="'value' + index"
             />
-            <div>
+            <div class="flex">
               <ButtonSecondary
                 id="variable"
                 v-tippy="{ theme: 'tooltip' }"