diff --git a/my-vue-app/src/views/senorManger/seniorManager.vue b/my-vue-app/src/views/senorManger/seniorManager.vue
index 3a8cd53..feb25f0 100644
--- a/my-vue-app/src/views/senorManger/seniorManager.vue
+++ b/my-vue-app/src/views/senorManger/seniorManager.vue
@@ -108,7 +108,8 @@
@@ -1142,12 +1148,19 @@ const hideTooltip = () => {
.team-detail-header {
margin-bottom: 2rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+ flex-wrap: wrap;
+ gap: 1rem;
h2 {
font-size: 1.4rem;
font-weight: 600;
color: #1e293b;
- margin: 0 0 1rem 0;
+ margin: 0;
+ flex: 1;
+ min-width: 300px;
}
.team-summary {
@@ -1173,6 +1186,32 @@ const hideTooltip = () => {
}
}
}
+
+ .group-performance {
+ button {
+ background-color: #3b82f6;
+ color: white;
+ border: none;
+ border-radius: 6px;
+ padding: 0.5rem 1rem;
+ font-size: 0.9rem;
+ font-weight: 500;
+ cursor: pointer;
+ transition: all 0.2s ease;
+ height: fit-content;
+
+ &:hover {
+ background-color: #2563eb;
+ transform: translateY(-1px);
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+ }
+
+ &:active {
+ transform: translateY(0);
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+ }
+ }
+ }
}
.members-grid {