.gitignore

@@ -12,7 +12,6 @@ assets/js/config/
 !assets/js/config/default.js
 /export*
 /stashes*
-/alerts*
 *.heapprofile
 *.heapsnapshot
 .vscode

assets/components/users/user.vue

@@ -14,13 +14,11 @@
 			<div class="section-header">
 				<h3 class="section-heading">Stashes</h3>
 
-				<button
+				<Icon
-					v-if="isMe"
+					icon="plus3"
-					class="button button-secondary header-add"
+					class="header-add"
 					@click="showAddStash = true"
-				>
+				/>
-					<Icon icon="plus3" />Add stash
-				</button>
 			</div>
 
 			<ul class="section-body stashes nolist">
@@ -37,7 +35,6 @@
 					/>
 				</li>
 
-				<!--
 				<li
 					v-if="isMe"
 					class="stashes-stash stashes-add"
@@ -45,7 +42,6 @@
 				>
 					<Icon icon="plus2" />
 				</li>
-				-->
 			</ul>
 
 			<AddStash
@@ -58,13 +54,11 @@
 			<div class="section-header">
 				<h3 class="section-heading">Alerts</h3>
 
-				<button
+				<Icon
-					v-if="isMe"
+					icon="plus3"
-					class="button button-secondary header-add"
+					class="header-add"
 					@click="showAddAlert = true"
-				>
+				/>
-					<Icon icon="plus3" />Set alert
-				</button>
 			</div>
 
 			<ul class="section-body alerts nolist">
@@ -80,14 +74,12 @@
 					/>
 				</li>
 
-				<!--
 				<li
 					class="alerts-add"
 					@click="showAddAlert = true"
 				>
 					<Icon icon="plus2" />
 				</li>
-				-->
 			</ul>
 
 			<AddAlert
@@ -194,7 +186,7 @@ export default {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	margin: 0 1rem 1rem 0;
+	margin: 0 0 1rem 0;
 }
 
 .section-body {
@@ -209,6 +201,14 @@ export default {
 }
 
 .header-add {
+	height: auto;
+	padding: .5rem 1rem;
+	fill: var(--shadow);
+
+	&:hover {
+		fill: var(--primary);
+		cursor: pointer;
+	}
 }
 
 .stashes-stash {

assets/css/_inputs.scss

@@ -26,8 +26,6 @@
 }
 
 .button {
-	display: inline-flex;
-	align-items: center;
 	border: none;
 	background: none;
 	padding: .5rem;
@@ -51,11 +49,6 @@
 		background: var(--shadow-weak);
 		cursor: default;
 	}
-
-	.icon {
-		fill: var(--text-light);
-		margin-right: .5rem;
-	}
 }
 
 .button-secondary {
@@ -64,21 +57,12 @@
 	&:hover:not(:disabled) {
 		color: var(--text-light);
 		background: var(--primary);
-
-		.icon {
-			fill: var(--text-light);
-		}
 	}
 
 	&:disabled {
 		color: var(--shadow-strong);
 		cursor: default;
 	}
-
-	.icon {
-		fill: var(--primary);
-		margin-right: .5rem;
-	}
 }
 
 .album-toggle {

package-lock.json

@@ -1,12 +1,12 @@
 {
     "name": "traxxx",
-    "version": "1.227.1",
+    "version": "1.227.0",
     "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "name": "traxxx",
-            "version": "1.227.1",
+            "version": "1.227.0",
             "license": "ISC",
             "dependencies": {
                 "@casl/ability": "^5.2.2",

package.json

@@ -1,6 +1,6 @@
 {
     "name": "traxxx",
-    "version": "1.227.1",
+    "version": "1.227.0",
     "description": "All the latest porn releases in one place",
     "main": "src/app.js",
     "scripts": {

src/tools/stashes-load.js

@@ -1,5 +1,3 @@
-'use strict';
-
 const fs = require('fs');
 const knex = require('../knex');
 const args = require('../argv');