737: (FP-1678) Use "secondary" Button for UserSearchBar (#657)

* fix(fp-1678): secondary button for usersearchbar * fix(fp-1678): button above (z) input usersearchbar
TACC · Jun 13, 2022 · 0f53533 · 0f53533
1 parent 25a0cdd
commit 0f53533
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/client/src/components/_common/UserSearchbar/UserSearchbar.jsx b/client/src/components/_common/UserSearchbar/UserSearchbar.jsx
@@ -60,7 +60,7 @@ const UserSearchbar = ({
       <div className={`input-group ${styles['member-search-group']}`}>
         <div className="input-group-prepend">
           <Button
-            type="primary"
+            type="secondary"
             onClick={() =>
               onAddCallback({ user: selectedUser, access: 'edit' })
             }

diff --git a/client/src/styles/components/bootstrap.form.css b/client/src/styles/components/bootstrap.form.css
@@ -17,3 +17,6 @@ textarea.form-control {
   /* FAQ: Vertical padding reduced by 1px each to near input height of design * 1.2 */
   padding: 6px 12px; /* 6px 10px design * 1.2 design-to-app ratio */
 }
+.input-group-prepend {
+  z-index: 1; /* so child button border is above sibling input border */
+}