3 files changed, 18 insertions, 13 deletions
diff --git a/public/css/app.css b/public/css/app.css
index 3a21574..4f0c90a 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -10411,15 +10411,15 @@ a.text-dark:focus {
   }
 }
 
-.navbar-laravel {
-  background-color: #fff;
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
-          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
-}
-
 .MessagesWindow {
   height: 250px;
   overflow-y: scroll;
   padding: 15px;
 }
 
+.navbar-laravel {
+  background-color: #fff;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
+          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
+}
+
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index c58e2db..ce64b3f 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -1,16 +1,16 @@
 // Fonts
 @import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
+
 // Variables
 @import "variables";
+
 // Bootstrap
-@import '~bootstrap/scss/bootstrap';
+@import "~bootstrap/scss/bootstrap";
+
+// Chat
+@import "chat";
+
 .navbar-laravel {
     background-color: #fff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
-}
-
-.MessagesWindow {
-    height: 250px;
-    overflow-y: scroll;
-    padding: 15px;
 }
 \ No newline at end of file
diff --git a/resources/assets/sass/chat.scss b/resources/assets/sass/chat.scss
new file mode 100644
index 0000000..026d089
--- /dev/null
+++ b/resources/assets/sass/chat.scss
@@ -0,0 +1,5 @@
+.MessagesWindow {
+    height: 250px;
+    overflow-y: scroll;
+    padding: 15px;
+}
+\ No newline at end of file