refactor(ui): sort classes

components/http/BodyParameters.vue

@@ -5,8 +5,8 @@
         bg-primary
         border-b border-dividerLight
         flex flex-1
-        pl-4
         top-upperSecondaryStickyFold
+        pl-4
         z-10
         sticky
         items-center

components/http/Headers.vue

@@ -5,8 +5,8 @@
         bg-primary
         border-b border-dividerLight
         flex flex-1
-        pl-4
         top-upperSecondaryStickyFold
+        pl-4
         z-10
         sticky
         items-center
@@ -103,42 +103,38 @@
           })
         "
       />
-      <div>
-        <ButtonSecondary
-          v-tippy="{ theme: 'tooltip' }"
-          :title="
-            header.hasOwnProperty('active')
-              ? header.active
-                ? $t('action.turn_off')
-                : $t('action.turn_on')
-              : $t('action.turn_off')
-          "
-          :icon="
-            header.hasOwnProperty('active')
-              ? header.active
-                ? 'check_box'
-                : 'check_box_outline_blank'
-              : 'check_box'
-          "
-          color="green"
-          @click.native="
-            updateHeader(index, {
-              key: header.key,
-              value: header.value,
-              active: header.hasOwnProperty('active') ? !header.active : false,
-            })
-          "
-        />
-      </div>
-      <div>
-        <ButtonSecondary
-          v-tippy="{ theme: 'tooltip' }"
-          :title="$t('delete')"
-          icon="delete"
-          color="red"
-          @click.native="deleteHeader(index)"
-        />
-      </div>
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip' }"
+        :title="
+          header.hasOwnProperty('active')
+            ? header.active
+              ? $t('action.turn_off')
+              : $t('action.turn_on')
+            : $t('action.turn_off')
+        "
+        :icon="
+          header.hasOwnProperty('active')
+            ? header.active
+              ? 'check_box'
+              : 'check_box_outline_blank'
+            : 'check_box'
+        "
+        color="green"
+        @click.native="
+          updateHeader(index, {
+            key: header.key,
+            value: header.value,
+            active: header.hasOwnProperty('active') ? !header.active : false,
+          })
+        "
+      />
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip' }"
+        :title="$t('delete')"
+        icon="delete"
+        color="red"
+        @click.native="deleteHeader(index)"
+      />
     </div>
     <div
       v-if="headers$.length === 0"

components/http/ImportCurl.vue

@@ -2,9 +2,7 @@
   <SmartModal v-if="show" @close="hideModal">
     <template #header>
       <h3 class="heading">{{ $t("import.curl") }}</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">

components/http/Parameters.vue

@@ -124,42 +124,38 @@
           })
         "
       />
-      <div>
-        <ButtonSecondary
-          v-tippy="{ theme: 'tooltip' }"
-          :title="
-            param.hasOwnProperty('active')
-              ? param.active
-                ? $t('action.turn_off')
-                : $t('action.turn_on')
-              : $t('action.turn_off')
-          "
-          :icon="
-            param.hasOwnProperty('active')
-              ? param.active
-                ? 'check_box'
-                : 'check_box_outline_blank'
-              : 'check_box'
-          "
-          color="green"
-          @click.native="
-            updateParam(index, {
-              key: param.key,
-              value: param.value,
-              active: param.hasOwnProperty('active') ? !param.active : false,
-            })
-          "
-        />
-      </div>
-      <div>
-        <ButtonSecondary
-          v-tippy="{ theme: 'tooltip' }"
-          :title="$t('delete')"
-          icon="delete"
-          color="red"
-          @click.native="deleteParam(index)"
-        />
-      </div>
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip' }"
+        :title="
+          param.hasOwnProperty('active')
+            ? param.active
+              ? $t('action.turn_off')
+              : $t('action.turn_on')
+            : $t('action.turn_off')
+        "
+        :icon="
+          param.hasOwnProperty('active')
+            ? param.active
+              ? 'check_box'
+              : 'check_box_outline_blank'
+            : 'check_box'
+        "
+        color="green"
+        @click.native="
+          updateParam(index, {
+            key: param.key,
+            value: param.value,
+            active: param.hasOwnProperty('active') ? !param.active : false,
+          })
+        "
+      />
+      <ButtonSecondary
+        v-tippy="{ theme: 'tooltip' }"
+        :title="$t('delete')"
+        icon="delete"
+        color="red"
+        @click.native="deleteParam(index)"
+      />
     </div>
     <div
       v-if="params$.length === 0"

components/http/TokenList.vue

@@ -2,9 +2,7 @@
   <SmartModal v-if="show" @close="hideModal">
     <template #header>
       <h3 class="heading">{{ $t("manage_token") }}</h3>
-      <div>
-        <ButtonSecondary icon="close" @click.native="hideModal" />
-      </div>
+      <ButtonSecondary icon="close" @click.native="hideModal" />
     </template>
     <template #body>
       <div class="flex flex-1">