Move buttons around

availabili.tf/src/components/MembersList.vue

@@ -40,9 +40,13 @@ function leaveTeam() {
     </em>
     <div class="team-details-button-group">
       <RouterLink class="button" :to="'/schedule?teamId=' + team.id">
-        <button class="accent">
-          <i class="bi bi-calendar-fill margin"></i>
-          View schedule
+        <button>
+          <i class="bi bi-calendar-fill"></i>
+        </button>
+      </RouterLink>
+      <RouterLink class="button" :to="{ name: 'team-settings/' }">
+        <button>
+          <i class="bi bi-gear-fill"></i>
         </button>
       </RouterLink>
       <button
@@ -94,10 +98,4 @@ table.member-table th {
   justify-content: end;
   gap: 4px;
 }
-
-.create-invite-group {
-  display: flex;
-  gap: 8px;
-  align-items: center;
-}
 </style>

availabili.tf/src/views/TeamSettings/InvitesView.vue

@@ -68,4 +68,9 @@ onMounted(() => {
   padding: 8px;
 }
 
+.create-invite-group {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
 </style>