{ featuredCollections.map(function (featuredCollection: any, index: any) {
diff --git a/rails/react-components/src/library/components/page-header.tsx b/rails/react-components/src/library/components/page-header.tsx
index fec87e2dd1..16fe83f7e3 100644
--- a/rails/react-components/src/library/components/page-header.tsx
+++ b/rails/react-components/src/library/components/page-header.tsx
@@ -177,6 +177,11 @@ const PageHeader = Component({
About
);
+ headerItems.push(
+
+ Help
+
+ );
}
}
diff --git a/rails/react-components/src/library/components/stem-finder.scss b/rails/react-components/src/library/components/stem-finder.scss
index adb1f5adb5..29162bee9b 100644
--- a/rails/react-components/src/library/components/stem-finder.scss
+++ b/rails/react-components/src/library/components/stem-finder.scss
@@ -51,7 +51,7 @@
padding: 7px 5px 6px;
width: calc(100% - 59px);
- &::-webkit-input-placeholder,
+ &::-webkit-input-placeholder,
&::-moz-placeholder,
&::placeholder {
color: #ff0000;
@@ -206,7 +206,8 @@
}
.advancedSearchLink {
- font-size: 14px;
+ font-size: 16px;
+ font-weight: 500;
text-align: center;
a {
@@ -233,6 +234,19 @@
line-height: .8;
width: 100%;
}
+ .finderHeaderWrapper {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin: 5px 0 -3px 0;
+ width: 100%;
+ align-items: flex-end;
+ }
+ .finderHeaderLeft {
+ display: flex;
+ justify-content: space-between;
+ gap: 10px;
+ }
.finderHeaderResourceCount {
align-self: center;
color: $col-darkgray;
@@ -241,7 +255,7 @@
display: flex;
font-size: 14px;
width: 217px;
-
+
label {
align-self: center;
color: $col-darkgray;
@@ -264,12 +278,12 @@
}
@media(hover: hover) and (pointer: fine) {
- .finderOptionsContainer {
+ .finderOptionsContainer {
ul {
list-style: none;
margin: 0;
padding: 0;
-
+
li {
&:hover {
background: $col-gold;
diff --git a/rails/react-components/src/library/components/stem-finder.tsx b/rails/react-components/src/library/components/stem-finder.tsx
index 6eb7a8a7c5..f1303a50cd 100644
--- a/rails/react-components/src/library/components/stem-finder.tsx
+++ b/rails/react-components/src/library/components/stem-finder.tsx
@@ -713,12 +713,16 @@ class StemFinder extends React.Component
{
if (noResourcesFound || searching) {
return (
-
Activities List
- { (this.isAdvancedUser() || usersAuthoredResourcesCount > 0) && this.renderShowOnly() }
-
- { noResourcesFound ? "No Resources Found" : "Loading..." }
+
Activities
+
+
+
+ { noResourcesFound ? "No Resources Found" : "Loading..." }
+
+ { (this.isAdvancedUser() || usersAuthoredResourcesCount > 0) && this.renderShowOnly() }
+
+ { this.renderSortMenu() }
- { this.renderSortMenu() }
);
}
@@ -729,15 +733,19 @@ class StemFinder extends React.Component
{
jQuery("#portal-pages-finder").removeClass("loading");
return (
-
Activities List
- { (this.isAdvancedUser() || usersAuthoredResourcesCount > 0) && this.renderShowOnly() }
-
- { showingAll && multipleResources ? "Showing All " : "Showing " }
-
- { resourceCount + " " + pluralize(resourceCount, "Activity", "Activities") }
-
+
Activities
+
+
+
+ { showingAll && multipleResources ? "Showing All " : "Showing " }
+
+ { resourceCount + " " + pluralize(resourceCount, "Activity", "Activities") }
+
+
+ { (this.isAdvancedUser() || usersAuthoredResourcesCount > 0) && this.renderShowOnly() }
+
+ { this.renderSortMenu() }
- { this.renderSortMenu() }
);
}