* Updated color picker interface

* Updated note status bar
* Added fast filters
* Added pinned and archived notes options
* Added loading indicators to notes and loading of notes
* updated tag edit area
* Updated how search results are displayed
* Fixed bug with opening and closing two notes one after another
* Added mobile detection to global store
* Added a lot of style tweaks and UX tweaks

client/src/assets/semantic-helper.css

@@ -48,13 +48,49 @@ div.ui.basic.green.label {
 /* OVERWRITE DEFAULT SEMANTIC STYLES FOR CUSTOM/NIGHT MODES*/
 
 
+.color-picker {
+  color: var(--text_color);
+  background-color: var(--background_color);
+
+  position: absolute;
+  width: 175px;
+  height: 100px;
+  top: 26px;
+  padding: 10px;
+  border-radius: 5px;
+  left: -63px;
+  z-index: 100;
+  border: 1px solid;
+  border-color: var(--border_color) !important;
+}
+.color-picker .button{
+  border: 1px solid !important;
+  border-color: var(--border_color) !important;
+  color: var(--border_color) !important;
+}
+
+.note-status-indicator {
+  float: right;
+  width: 100px;
+  padding: 9px 0;
+  box-sizing: border-box;
+  text-align: center;
+  color: var(--text_color);
+}
+
 
 .clickable {
 	cursor: pointer;
 }
+.relative {
+  position: relative;
+}
+.float-right {
+  float: right;
+}
 
 .textarea-height {
-  height: calc(100% - 105px);
+  height: calc(100% - 90px);
 }
 .ck-content {
 	font-family: 'Open Sans' !important;
@@ -74,11 +110,6 @@ div.ui.basic.green.label {
 	animation: fade-in-fwd 0.8s both;
 }
 
-/* ----------------------------------------------
- * Generated by Animista on 2019-7-25 17:12:5
- * w: http://animista.net, t: @cssanimista
- * ---------------------------------------------- */
-
 /**
  * ----------------------------------------
  * animation fade-in-fwd