diff --git a/app/assets/stylesheets/modules/events.css b/app/assets/stylesheets/modules/events.css index eaa5a2bc2..5c8b96a4e 100644 --- a/app/assets/stylesheets/modules/events.css +++ b/app/assets/stylesheets/modules/events.css @@ -194,8 +194,16 @@ } /* Teammates */ -.invite-new-teammate { - margin: 5px 0; +.widget .widget-header:has(.invite-new-teammate) { + position: relative; +} +.widget .widget-header .invite-new-teammate { + position: absolute; + top: 0; + bottom: 0; + right: 26px; + margin: auto 0; + height: fit-content; } .pending { diff --git a/app/views/staff/teammates/index.html.haml b/app/views/staff/teammates/index.html.haml index f082239f9..a6ec95509 100644 --- a/app/views/staff/teammates/index.html.haml +++ b/app/views/staff/teammates/index.html.haml @@ -56,7 +56,7 @@ .widget-header - if current_user.organizer_for_event?(current_event) .float-end - = link_to "Invite New Teammate", "#", class: "btn btn-primary btn-sm invite-btn invite-new-teammate", + = link_to "Invite New Teammate", "#", class: "btn btn-primary btn-sm invite-new-teammate", data: { bs_toggle: "modal", bs_target: "#new-teammate-invitation" } %i.bi.bi-envelope %h3 Team Invitations