refactor(ui): better font weight, icon hover states, etc

components/environments/Edit.vue

@@ -17,7 +17,7 @@
           </label>
         </div>
         <div class="flex flex-1 justify-between items-center">
-          <label for="variableList" class="font-semibold p-4">
+          <label for="variableList" class="p-4">
             {{ $t("env_variable_list") }}
           </label>
           <div class="flex">
@@ -25,12 +25,14 @@
               v-tippy="{ theme: 'tooltip' }"
               :title="$t('clear')"
               :icon="clearIcon"
+              class="rounded"
               @click.native="clearContent()"
             />
             <ButtonSecondary
               v-tippy="{ theme: 'tooltip' }"
               icon="add"
               :title="$t('add.new')"
+              class="rounded"
               @click.native="addEnvironmentVariable"
             />
           </div>
@@ -45,9 +47,7 @@
               v-model="variable.key"
               class="
                 bg-primaryLight
-                flex
-                font-semibold font-mono
-                flex-1
+                flex flex-1
                 py-2
                 px-4
                 truncate
@@ -60,9 +60,7 @@
               v-model="variable.value"
               class="
                 bg-primaryLight
-                flex
-                font-semibold font-mono
-                flex-1
+                flex flex-1
                 py-2
                 px-4
                 truncate

components/environments/Environment.vue

@@ -9,9 +9,7 @@
     <span
       class="
         cursor-pointer
-        flex
-        font-semibold
-        flex-1
+        flex flex-1
         min-w-0
         py-2
         pr-2

components/environments/index.vue

@@ -18,7 +18,6 @@
             bg-primaryLight
             border-b border-dividerLight
             flex
-            font-semibold
             w-full
             py-2
             px-4
@@ -43,6 +42,7 @@
         <ButtonSecondary
           icon="add"
           :label="$t('new')"
+          class="rounded-none"
           @click.native="displayModalAdd(true)"
         />
         <ButtonSecondary