Move chatbox styles to plugin folder

src/plugins/chatview/index.js

@@ -12,6 +12,8 @@ import ChatBoxView from './view.js';
 import chatview_api from './api.js';
 import { _converse, api, converse } from '@converse/headless/core';
 
+import './styles/_chatbox.scss';
+
 const { Strophe } = converse.env;
 
 

src/plugins/chatview/styles/_chatbox.scss

@@ -1,8 +1,15 @@
+@import "bootstrap/scss/functions";
+@import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
+@import "shared/styles/_variables.scss";
+
 #conversejs {
+    @import "bootstrap/scss/media";
 
     converse-controlbox-navback {
         display: none;
     }
+
     .flyout {
         position: absolute;
 

src/plugins/controlbox/styles/_controlbox.scss

@@ -1,5 +1,6 @@
 @import "bootstrap/scss/functions";
 @import "bootstrap/scss/variables";
+@import "bootstrap/scss/mixins";
 @import "shared/styles/_variables.scss";
 @import "shared/styles/_mixins.scss";
 

src/shared/styles/index.scss

@@ -7,7 +7,9 @@
  */
 @import "bootstrap/scss/functions";
 @import "bootstrap/scss/variables";
-@import "bootstrap/scss/mixins";
+
+@import "./font-awesome.scss";
+@import "mixins";
 
 #conversejs {
     @import "bootstrap/scss/root";
@@ -34,14 +36,11 @@
     @import "bootstrap/scss/utilities";
 }
 
-@import "./font-awesome.scss";
 @import "variables";
 
-@import "mixins";
 @import "core";
 @import "forms";
 @import "toolbar";
-@import "chatbox";
 @import "roster";
 @import "lists";
 @import "chatrooms";