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

components/teams/Edit.vue

@@ -17,7 +17,7 @@
           </label>
         </div>
         <div class="flex flex-1 justify-between items-center">
-          <label for="memberList" class="font-semibold p-4">
+          <label for="memberList" class="p-4">
             {{ $t("team.members") }}
           </label>
           <div class="flex">
@@ -37,9 +37,7 @@
             <input
               class="
                 bg-primaryLight
-                flex
-                font-semibold font-mono
-                flex-1
+                flex flex-1
                 py-2
                 px-4
                 truncate
@@ -62,9 +60,7 @@
                   <input
                     class="
                       bg-primaryLight
-                      flex
-                      font-semibold font-mono
-                      flex-1
+                      flex flex-1
                       py-2
                       px-4
                       truncate
@@ -114,9 +110,7 @@
               v-model="member.key"
               class="
                 bg-primaryLight
-                flex
-                font-semibold font-mono
-                flex-1
+                flex flex-1
                 py-2
                 px-4
                 truncate
@@ -138,9 +132,7 @@
                   <input
                     class="
                       bg-primaryLight
-                      flex
-                      font-semibold font-mono
-                      flex-1
+                      flex flex-1
                       py-2
                       px-4
                       truncate

components/teams/Team.vue

@@ -3,12 +3,7 @@
     <div class="flex flex-1 items-start">
       <div class="p-4">
         <label
-          class="
-            cursor-pointer
-            font-semibold
-            transition
-            hover:text-secondaryDark
-          "
+          class="cursor-pointer transition hover:text-secondaryDark"
           @click="team.myRole === 'OWNER' ? $emit('edit-team') : ''"
         >
           {{ team.name || $t("nothing_found") }}

components/teams/index.vue

@@ -1,6 +1,6 @@
 <template>
   <AppSection label="teams">
-    <h4 class="font-bold text-secondaryDark">
+    <h4 class="text-secondaryDark">
       {{ $t("team.title") }}
     </h4>
     <div class="mt-1 text-secondaryLight">