From dfadac08d30e8b4d70976df6aafe725dd5e5ccb1 Mon Sep 17 00:00:00 2001
From: Awais Ansari <awais.ansari63@gmail.com>
Date: Tue, 8 Aug 2023 13:46:02 +0500
Subject: [PATCH] style: change feedback widget location

---
 src/index.scss                                       | 12 ++++++++++++
 .../NotificationPreferenceApp.jsx                    |  2 +-
 .../NotificationPreferences.jsx                      |  2 +-
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/index.scss b/src/index.scss
index b8b07d1..09f319e 100755
--- 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
index 389ccf2..c41f299 100644
--- 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
index 51b003d..990c50b 100644
--- 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>