From 495c3756854b87648544279db80b60c666e385dd Mon Sep 17 00:00:00 2001
From: Ahmad Farhat <ahmad.af.farhat@gmail.com>
Date: Fri, 26 Jun 2020 14:20:03 -0400
Subject: [PATCH] Minor style changes to manage users (#1845)

---
 .../components/_manage_users_tags.html.erb       | 10 +++++-----
 lib/assets/_primary_themes.scss                  | 16 +++++++++++-----
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/app/views/admins/components/_manage_users_tags.html.erb b/app/views/admins/components/_manage_users_tags.html.erb
index 2a39cb13..ddcabe56 100644
--- a/app/views/admins/components/_manage_users_tags.html.erb
+++ b/app/views/admins/components/_manage_users_tags.html.erb
@@ -28,11 +28,11 @@
       <a class="nav-item p-3 nav-link <%= 'active' if @tab == 'deleted' %>" id="Deleted" href="?tab=deleted" role="tab" aria-selected="false"><i class="far mr-2 fa-trash-alt"></i>
         <%= t("roles.deleted") %>
       </a>
-      <% if admin_invite_registration %>
-          <%= link_to "#inviteModal", :class => "nav-item p-3 btn-primary", "id": "invite-user", "style": "margin-left: auto;", "data-toggle": "modal" do %>
-            <%= t("administrator.users.invite") %><i class="fas fa-paper-plane ml-3"></i>
-          <% end %>
-      <% end %>
     </div>
+    <% if admin_invite_registration %>
+      <%= link_to "#inviteModal", class: "btn btn-primary pt-3", id: "invite-user", "data-toggle": "modal" do %>
+        <%= t("administrator.users.invite") %><i class="fas fa-paper-plane ml-3"></i>
+      <% end %>
+    <% end %>
   </nav>
 </div>
diff --git a/lib/assets/_primary_themes.scss b/lib/assets/_primary_themes.scss
index 732778bc..76e7fe9f 100644
--- a/lib/assets/_primary_themes.scss
+++ b/lib/assets/_primary_themes.scss
@@ -80,11 +80,17 @@ a {
   }
 }
 
-.nav-tabs .nav-link:not(.active){
-  color: #9aa0ac !important;
-  &:hover:not(.disabled) {
-    border-color: $primary-color;
-    color: $primary-color !important;
+.nav-tabs .nav-link{ 
+  &.active {
+    border-color: $primary-color !important;
+  }
+
+  &:not(.active){
+    color: #9aa0ac !important;
+    &:hover:not(.disabled) {
+      border-color: $primary-color;
+      color: $primary-color !important;
+    }
   }
 }