1.1.4

package.json

@@ -1,6 +1,6 @@
 {
   "name": "safesupport-chatbox",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "A secure and private embeddable chatbox that connects to Riot",
   "main": "dist/chatbox.js",
   "scripts": {

src/components/_chat.scss

@@ -99,6 +99,7 @@
   width: 400px;
   max-width: calc(100vw - 10px);
   border-bottom: none;
+  margin: 0;
   animation-duration: 0.2s;
   animation-fill-mode: forwards;
 

src/components/chatbox.jsx

@@ -599,6 +599,7 @@ class ChatBox extends React.Component {
     const inputLabel = 'Send a message...'
 
     return (
+      <div id="safesupport">
         <div className="docked-widget" role="complementary">
           <Transition in={opened} timeout={250} onExited={this.handleWidgetExit} onEntered={this.handleWidgetEnter}>
             {(status) => {
@@ -697,6 +698,7 @@ class ChatBox extends React.Component {
           {showDock && !roomId && <Dock handleToggleOpen={this.handleToggleOpen} />}
           {showDock && roomId && <Header handleToggleOpen={this.handleToggleOpen} opened={opened} handleExitChat={this.handleExitChat} />}
         </div>
+      </div>
     );
   }
 };

src/components/styles.scss

@@ -1,4 +1,6 @@
-@import "variables";
+#safesupport {
-@import "loader";
+  @import "variables";
-@import "chat";
+  @import "loader";
-@import "dark_mode";
+  @import "chat";
+  @import "dark_mode";
+}