fix: removed jquery explicit includes

client/js/app.js

@@ -1,8 +1,8 @@
 'use strict'
 
+/* global $ */
 /* eslint-disable no-new */
 
-import $ from 'jquery'
 import Vue from 'vue'
 import VueResource from 'vue-resource'
 import VueClipboards from 'vue-clipboards'

client/js/components/editor.component.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import $ from 'jquery'
+/* global $ */
 
 let mde
 

client/js/components/search.vue

@@ -18,8 +18,6 @@
 </template>
 
 <script>
-  import * as $ from 'jquery'
-
   export default {
     data () {
       return {

client/js/login.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import $ from 'jquery'
+/* global $ */
 
 $(() => {
   $('#login-user').focus()

client/js/pages/content-view.component.js

@@ -1,7 +1,8 @@
 'use strict'
 
+/* global $ */
+
 import MathJax from 'mathjax'
-import $ from 'jquery'
 
 export default {
   name: 'content-view',

client/scss/app.scss

@@ -32,7 +32,7 @@ $primary: 'indigo';
 @import 'node_modules/highlight.js/styles/atom-one-dark';
 @import 'node_modules/simplemde/dist/simplemde.min';
 
-@import 'components/_editor';
+@import 'components/editor';
 
 @import 'layout/_header';
 @import 'layout/_loader';

client/scss/components/editor.scss

@@ -367,3 +367,18 @@ main > .ace-container {
 	bottom: 0;
 	right: 0;
 }
+
+.editor-sd {
+  max-width: 250px;
+  flex: 0 1 250px;
+  background-color: mc('blue-grey', '100');
+
+  &-item {
+    background-color: mc('blue-grey', '50');
+
+    &:first-child {
+      margin-top: 60px;
+    }
+  }
+
+}