diff --git a/library/src/morpheus-master/js/duke-lib.js b/library/src/morpheus-master/js/duke-lib.js
index 32883a36ac..0eccd32344 100644
--- a/library/src/morpheus-master/js/duke-lib.js
+++ b/library/src/morpheus-master/js/duke-lib.js
@@ -255,17 +255,22 @@ if (document.querySelector(".Mrphs-headerLogo--institution")) {
///////////////////////////////////////////////////
// #359 Add Conversations survey to tool
///////////////////////////////////////////////////
-
function dukeAddConversationsSurvey(){
- // await document.hasOwnProperty('sakai');
if ( 'conversations' in window.sakai.translations ) {
const surveyContainer = document.createElement("div");
surveyContainer.id = "duke-conversations-survey";
- const classes = ["duke-conversations-survey", "sak-banner-success-inline"];
+ const classes = ["duke-conversations-survey"];
surveyContainer.classList.add(...classes);
- surveyContainer.innerHTML = `Share your experience with Conversations!`;
- let placement = document.querySelector(".Mrphs-sakai-conversations .Mrphs-toolTitleNav");
- placement.prepend(surveyContainer);
+ surveyContainer.innerHTML = `Share your Conversations experience with us!`;
+ let placement = document.querySelector(".Mrphs-siteHierarchy");
+ placement.append(surveyContainer);
+ placement.style.flexDirection = "row";
+ placement.style.alignItems = "center";
+ document.querySelector(".Mrphs-hierarchy--sites").style.maxWidth = "70%";
+ let placementLink = document.querySelector(".Mrphs-hierarchy--sites a");
+ placementLink.style.textOverflow = "ellipsis";
+ placementLink.style.overflow = "hidden";
+ placementLink.style.whiteSpace = "nowrap";
}
}
diff --git a/library/src/morpheus-master/sass/_duke-all-overrides.scss b/library/src/morpheus-master/sass/_duke-all-overrides.scss
index 573eb2d349..6538c7a5cc 100644
--- a/library/src/morpheus-master/sass/_duke-all-overrides.scss
+++ b/library/src/morpheus-master/sass/_duke-all-overrides.scss
@@ -1557,16 +1557,20 @@ div.progress-stat {
// duke-359 Conversations survey banner
#duke-conversations-survey {
- padding: 8px 8px 8px 50px;
-@media only screen and (min-width: 800px) {
- margin-top:-48px;
-}
-}
-.Mrphs-sakai-conversations .Mrphs-toolTitleNav {
- justify-content: flex-end;
- align-content: center;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
+ a {
+ @include sakai_primary_button();
+ display: block;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+
+ .fa {
+ margin-left: 8px;
+ }
+ }
+
+ @media only screen and (max-width: 640px) {
+ min-width: 27%;
+ }
}