assets/styles/app.scss

@@ -27,9 +27,9 @@ $list-group-hover-bg: darken($list-group, 10%);
 $list-group-active-bg: $list-group;
 $list-group-action-active-bg: $list-group;
 
-@import 'bootstrap/scss/bootstrap';
+@import '~bootstrap';
 @import 'dropzone/dist/dropzone';
-
+@import 'cropperjs';
 @import './components/sidebar';
 
 
@@ -40,19 +40,35 @@ html, body {
   background: #0e0e10;
 }
 
-// Dropzone
 
-.dropzone .dz-preview.dz-image-preview {
+// Dropzone
+.dropzone .dz-preview {
+  background: transparent !important;
+  margin: 0 !important;
+}
+
+.dropzone-container {
+  width: 160px;
+  height: 160px;
+}
+
+.dropzone-preview-filename {
+  word-wrap: anywhere;
+  display: none;
+}
+
+.dropzone-preview-image {
+  flex-basis: 0;
+  min-width: 150px;
+  max-width: 150px;
+  min-height: 150px;
+  max-height: 150px;
+}
+
+.dz-image {
   background: transparent !important;
 }
 
-.article-author-img {
-  width: 80px;
-  margin: 15px;
-}
-
-///
-
 
 #main_content {
   overflow-y: auto;