Added paste button and touched up some styles

client/src/assets/semantic-helper.css

@@ -930,4 +930,14 @@ i.green.icon.icon.icon.icon {
     left: 100%;
     opacity: 0;
   }
+}
+
+.shade {
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	left: 0;
+	right: 0;
+	background-color: rgba(0,0,0,0.7);
+	z-index: 1000;
 }

client/src/components/TagDisplayComponent.vue

@@ -113,6 +113,7 @@
 <style type="text/css">
 	.button-fix {
 		display: inline-block;
+		float: left;
 	}
 	.hover-row:hover {
 		cursor: pointer;

client/src/pages/HomePage.vue

@@ -543,7 +543,7 @@ export default {
 				'#00b5ad', //Teal
 				'#2185d0', //Blue
 				'#7128b9', //Violet
-				'#a333c8', // "Purple"
+				'#a333c8', //Purple
 				'#e03997', //Pink
 				'#db2828', //Red
 				'#f2711c', //Orange

client/src/pages/NotesPage.vue

@@ -27,7 +27,9 @@
 							v-on:tagClick="tagId => toggleTagFilter(tagId)"
 						/>
 
-						<span>
+						<paste-button />
+
+						<span class="ui grey text text-fix">
 							Active Sessions {{ $store.getters.getActiveSessions }}
 						</span>
 						
@@ -38,8 +40,6 @@
 							<span v-if="!titleView">
 								<i  class="list icon"></i> List
 							</span>
-							
-							
 						</div>
 						
 					</div>
@@ -176,6 +176,7 @@
 			'attachment-display': require('@/components/AttachmentDisplayCard').default,
 			'tag-display':require('@/components/TagDisplayComponent.vue').default,
 			'loading-icon':require('@/components/LoadingIconComponent.vue').default,
+			'paste-button':require('@/components/PasteButton.vue').default,
 		},
 		data () {
 			return {
@@ -809,6 +810,11 @@
 </script>
 <style type="text/css" scoped>
 
+	.text-fix {
+		padding: 8px 0 0 15px;
+		display: inline-block;
+		color: var(--menu-accent);
+	}
 	.detail {
 		float: right;
 	}

client/vue.config.js

@@ -1,3 +1,5 @@
+const fs = require('fs')
+
 module.exports = {
 	pwa: {
     name: 'SolidScribe',
@@ -13,6 +15,10 @@ module.exports = {
 	    disableHostCheck: true,
 	    proxy: 'http://localhost:8081',
 	    public: 'marvin.local',
+		https: {
+			key: fs.readFileSync('./certs/192.168.1.164+4-key.pem'),
+			cert: fs.readFileSync('./certs/192.168.1.164+4.pem'),
+		},
 	},
 
-}
+}