Merge remote-tracking branch 'emergency-alert-application/Vanessa' into Elisabet

eaa_frontend/src/pages/MyCasesPage.vue

@@ -664,8 +664,9 @@ button:hover {
 }
 
 .status-filters button.active {
-  font-weight: bold;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  font-weight: bolder;
+  font-size: 1.2em;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 }
 
 @media (max-width: 820px) {

eaa_frontend/src/pages/TicketManagementPage.vue

@@ -57,7 +57,7 @@
           Hoolekodus ({{ countTicketsByStatus("Hoolekodus") }})
         </button>
         <button
-            v-if="hasAdminPermissions"
+            v-if="hasManagementPermissions"
             @click="toggleStatus('Lõpetatud')"
             :class="{ active: selectedStatuses.includes('Lõpetatud') }"
             class="status-completed"
@@ -98,7 +98,7 @@
       >
         <div class="edit-link">
           <button
-              v-if="hasAdminPermissions && ticket.status !== 'Lõpetatud'"
+              v-if="hasAdminPermissions"
               @click.stop.prevent="editTicket(ticket)"
               class="edit-button"
           >
@@ -225,6 +225,9 @@ export default {
     hasAdminPermissions() {
       return this.hasJuhtkondRole || this.hasPiirkonnajuhtRole || this.hasPäevajuhtRole;
     },
+    hasManagementPermissions() {
+      return this.hasJuhtkondRole || this.hasPiirkonnajuhtRole;
+    },
   },
   async created() {
     await Promise.all([
@@ -786,8 +789,9 @@ button:hover {
 }
 
 .status-filters button.active {
-  font-weight: bold;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
+  font-weight: bolder;
+  font-size: 1.2em;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
 }
 
 @media (max-width: 820px) {