From da30648fb35e4f9d36710445c8e71d1d45264e12 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Mon, 27 Jan 2025 09:57:18 -0800
Subject: [PATCH 1/7] Do not show project search button text on XS screens

---
 .../sagebionetworks/web/client/view/ProfileViewImpl.ui.xml  | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
index dde6f6b109..f4b4855895 100644
--- a/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
+++ b/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
@@ -68,6 +68,12 @@
                             ui:field="projectSearchButton"
                             text="Search All Projects"
                             icon="SEARCH"
+                            visibleOn="SM_MD_LG"
+                          />
+                          <b:Button
+                            ui:field="projectSearchButtonSmall"
+                            icon="SEARCH"
+                            visibleOn="XS"
                           />
                         </b:InputGroupButton>
                       </b:InputGroup>

From d13c9247c2747f4d5fd013feb2b1410ff67306b5 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Mon, 27 Jan 2025 10:06:23 -0800
Subject: [PATCH 2/7] Remove text from team search button on XS screens

---
 .../sagebionetworks/web/client/view/ProfileViewImpl.ui.xml  | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
index f4b4855895..2186ac5f87 100644
--- a/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
+++ b/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
@@ -220,6 +220,12 @@
                             ui:field="teamSearchButton"
                             text="Search All Teams"
                             icon="SEARCH"
+                            visibleOn="SM_MD_LG"
+                          />
+                          <b:Button
+                            ui:field="teamSearchButtonSmall"
+                            icon="SEARCH"
+                            visibleOn="XS"
                           />
                         </b:InputGroupButton>
                       </b:InputGroup>

From 03bd28745552e4354f2404b0313058dfd06eec23 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Mon, 27 Jan 2025 10:23:01 -0800
Subject: [PATCH 3/7] On mobile, remove the text from search button and place
 on same line as search box

---
 .../web/client/view/SearchViewImpl.ui.xml            | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/main/resources/org/sagebionetworks/web/client/view/SearchViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/view/SearchViewImpl.ui.xml
index b758e24d14..f22e54a640 100644
--- a/src/main/resources/org/sagebionetworks/web/client/view/SearchViewImpl.ui.xml
+++ b/src/main/resources/org/sagebionetworks/web/client/view/SearchViewImpl.ui.xml
@@ -16,7 +16,7 @@
           <div class="row">
             <div class="col-md-12">
               <MUI:Grid container="true">
-                <MUI:Grid md="9">
+                <MUI:Grid xs="10" md="9">
                   <b:InputGroup width="100%">
                     <b:TextBox
                       ui:field="searchField"
@@ -24,13 +24,21 @@
                     />
                   </b:InputGroup>
                 </MUI:Grid>
-                <MUI:Grid md="3">
+                <MUI:Grid xs="2" md="3">
                   <b:Button
                     ui:field="searchButton"
                     block="true"
                     size="LARGE"
                     text="Search"
                     icon="SEARCH"
+                    visibleOn="SM_MD_LG"
+                  />
+                  <b:Button
+                    ui:field="searchButtonSmall"
+                    block="false"
+                    size="LARGE"
+                    icon="SEARCH"
+                    visibleOn="XS"
                   />
                 </MUI:Grid>
               </MUI:Grid>

From 7d2eb912f74db184b8373a92194dadbb02defcf1 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Fri, 31 Jan 2025 10:20:32 -0800
Subject: [PATCH 4/7] Add button handler to small mobile button

---
 .../web/client/view/ProfileViewImpl.java             | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java b/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
index 5977c59980..0d815954a5 100644
--- a/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
+++ b/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
@@ -166,9 +166,15 @@ public interface ProfileViewImplUiBinder
   @UiField
   Button teamSearchButton;
 
+  @UiField
+  Button teamSearchButtonSmall;
+
   @UiField
   Button projectSearchButton;
 
+  @UiField
+  Button projectSearchButtonSmall;
+
   // Challenges
   @UiField
   FlowPanel challengesTabContent;
@@ -267,9 +273,15 @@ public ProfileViewImpl(
     teamSearchButton.addClickHandler(event ->
       presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()))
     );
+    teamSearchButtonSmall.addClickHandler(event ->
+      presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()))
+    );
     projectSearchButton.addClickHandler(event ->
       presenter.goTo(new Search(getCurrentProjectSearchJSON()))
     );
+    projectSearchButtonSmall.addClickHandler(event ->
+      presenter.goTo(new Search(getCurrentProjectSearchJSON()))
+    );
 
     moreChallengesButton.addClickHandler(event -> presenter.getMoreChallenges()
     );

From 00db61bba22fa3094f7d4771e1924d9d139ecf6d Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Fri, 31 Jan 2025 10:20:59 -0800
Subject: [PATCH 5/7] Add click handler for small mobile search button

---
 .../web/client/view/SearchViewImpl.java               | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java b/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
index b9a0ed3c65..aebde9b595 100644
--- a/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
+++ b/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
@@ -106,6 +106,9 @@ public interface SearchViewImplUiBinder
   @UiField
   Button searchButton;
 
+  @UiField
+  Button searchButtonSmall;
+
   private List<Button> facetButtons;
   private SynapseJSNIUtils synapseJSNIUtils;
   private PortalGinInjector ginInjector;
@@ -138,6 +141,14 @@ public void onClick(ClickEvent event) {
         }
       }
     );
+    searchButtonSmall.addClickHandler(
+      new ClickHandler() {
+        @Override
+        public void onClick(ClickEvent event) {
+          presenter.setSearchTerm(searchField.getText());
+        }
+      }
+    );
     searchField.addKeyDownHandler(
       new KeyDownHandler() {
         @Override

From ee4f29bf70ad4859aca9f6c1a6fba32f068651c5 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Wed, 5 Feb 2025 09:51:26 -0800
Subject: [PATCH 6/7] Reuse click handlers for project and team searches

---
 .../web/client/view/ProfileViewImpl.java      | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java b/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
index 0d815954a5..38caf1eaf4 100644
--- a/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
+++ b/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
@@ -270,18 +270,15 @@ public ProfileViewImpl(
       }
     });
 
-    teamSearchButton.addClickHandler(event ->
-      presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()))
-    );
-    teamSearchButtonSmall.addClickHandler(event ->
-      presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()))
-    );
-    projectSearchButton.addClickHandler(event ->
-      presenter.goTo(new Search(getCurrentProjectSearchJSON()))
-    );
-    projectSearchButtonSmall.addClickHandler(event ->
-      presenter.goTo(new Search(getCurrentProjectSearchJSON()))
-    );
+    ClickHandler teamSearchHandler = event ->
+      presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()));
+    teamSearchButton.addClickHandler(teamSearchHandler);
+    teamSearchButtonSmall.addClickHandler(teamSearchHandler);
+
+    ClickHandler projectSearchHandler = event ->
+      presenter.goTo(new Search(projectSearchTextBox.getValue()));
+    projectSearchButton.addClickHandler(projectSearchHandler);
+    projectSearchButtonSmall.addClickHandler(projectSearchHandler);
 
     moreChallengesButton.addClickHandler(event -> presenter.getMoreChallenges()
     );

From 81735b889e11a4241c77bfc59430545a7e367661 Mon Sep 17 00:00:00 2001
From: afwillia <anthony.williams@sagebase.org>
Date: Wed, 5 Feb 2025 10:29:57 -0800
Subject: [PATCH 7/7] Reuse search handler for mobile and desktop search
 buttons

---
 .../web/client/view/SearchViewImpl.java       | 20 ++++---------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java b/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
index aebde9b595..5a03386478 100644
--- a/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
+++ b/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
@@ -133,22 +133,10 @@ public SearchViewImpl(
     this.dateTimeUtils = dateTimeUtils;
     this.markdownIt = markdownIt;
     headerWidget.configure();
-    searchButton.addClickHandler(
-      new ClickHandler() {
-        @Override
-        public void onClick(ClickEvent event) {
-          presenter.setSearchTerm(searchField.getText());
-        }
-      }
-    );
-    searchButtonSmall.addClickHandler(
-      new ClickHandler() {
-        @Override
-        public void onClick(ClickEvent event) {
-          presenter.setSearchTerm(searchField.getText());
-        }
-      }
-    );
+    ClickHandler searchHandler = event ->
+      presenter.setSearchTerm(searchField.getValue());
+    searchButton.addClickHandler(searchHandler);
+    searchButtonSmall.addClickHandler(searchHandler);
     searchField.addKeyDownHandler(
       new KeyDownHandler() {
         @Override