Merge pull request #842 from openedx/aansari/INF-990

style: change feedback widget location
openedx · Aug 8, 2023 · 9b45aa3 · 9b45aa3
2 parents 2e87f0b + dfadac0
commit 9b45aa3
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/src/index.scss b/src/index.scss
@@ -92,3 +92,15 @@ $fa-font-path: "~font-awesome/fonts";
     font-size: 18px;
   }
 }
+
+.usabilla_live_button_container {
+  right: 0 !important;
+}
+
+@media (min-width: 768.98px) {
+  .usabilla_live_button_container {
+    right: -22px !important;
+    top: 50% !important;
+    transform: rotate(270deg) !important;
+  }
+}
diff --git a/src/notification-preferences/NotificationPreferenceApp.jsx b/src/notification-preferences/NotificationPreferenceApp.jsx
@@ -38,7 +38,7 @@ const NotificationPreferenceApp = ({ appId }) => {
     return null;
   }
   return (
-    <Collapsible.Advanced open={appToggle} data-testid="notification-app">
+    <Collapsible.Advanced open={appToggle} data-testid="notification-app" className="mb-5">
       <Collapsible.Trigger>
         <div className="d-flex align-items-center">
           <span className="mr-auto">

diff --git a/src/notification-preferences/NotificationPreferences.jsx b/src/notification-preferences/NotificationPreferences.jsx
@@ -58,7 +58,7 @@ const NotificationPreferences = () => {
   }
 
   return (
-    <Container size="md" className="notification-preferences">
+    <Container size="sm" className="notification-preferences">
       <h2 className="notification-heading mt-6 mb-5.5">
         {intl.formatMessage(messages.notificationHeading)}
       </h2>