Added scrobble delete button

maloja/web/jinja/abstracts/base.jinja

@@ -75,7 +75,7 @@
 			</div>
 		</div>
 
-		<a href="/admin_overview"><div title="Server Administration" id="settingsicon">
+		<a href="/admin_overview"><div title="Server Administration" id="settingsicon" class="clickable_icon">
 			<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M17 12.645v-2.289c-1.17-.417-1.907-.533-2.28-1.431-.373-.9.07-1.512.6-2.625l-1.618-1.619c-1.105.525-1.723.974-2.626.6-.9-.374-1.017-1.117-1.431-2.281h-2.29c-.412 1.158-.53 1.907-1.431 2.28h-.001c-.9.374-1.51-.07-2.625-.6l-1.617 1.619c.527 1.11.973 1.724.6 2.625-.375.901-1.123 1.019-2.281 1.431v2.289c1.155.412 1.907.531 2.28 1.431.376.908-.081 1.534-.6 2.625l1.618 1.619c1.107-.525 1.724-.974 2.625-.6h.001c.9.373 1.018 1.118 1.431 2.28h2.289c.412-1.158.53-1.905 1.437-2.282h.001c.894-.372 1.501.071 2.619.602l1.618-1.619c-.525-1.107-.974-1.723-.601-2.625.374-.899 1.126-1.019 2.282-1.43zm-8.5 1.689c-1.564 0-2.833-1.269-2.833-2.834s1.269-2.834 2.833-2.834 2.833 1.269 2.833 2.834-1.269 2.834-2.833 2.834zm15.5 4.205v-1.077c-.55-.196-.897-.251-1.073-.673-.176-.424.033-.711.282-1.236l-.762-.762c-.52.248-.811.458-1.235.283-.424-.175-.479-.525-.674-1.073h-1.076c-.194.545-.25.897-.674 1.073-.424.176-.711-.033-1.235-.283l-.762.762c.248.523.458.812.282 1.236-.176.424-.528.479-1.073.673v1.077c.544.193.897.25 1.073.673.177.427-.038.722-.282 1.236l.762.762c.521-.248.812-.458 1.235-.283.424.175.479.526.674 1.073h1.076c.194-.545.25-.897.676-1.074h.001c.421-.175.706.034 1.232.284l.762-.762c-.247-.521-.458-.812-.282-1.235s.529-.481 1.073-.674zm-4 .794c-.736 0-1.333-.597-1.333-1.333s.597-1.333 1.333-1.333 1.333.597 1.333 1.333-.597 1.333-1.333 1.333z"/></svg>
 		</div></a>
 

maloja/web/jinja/partials/scrobbles.jinja

@@ -12,6 +12,15 @@
 		<tr>
 			<td class='time'>{{ malojatime.timestamp_desc(s["time"],short=shortTimeDesc) }}</td>
 			{{ entityrow.row(s.track) }}
+			{% if adminmode %}
+			<td class='iconbuttons'>
+				<div class='clickable_icon danger'>
+				<svg style="width:16px;height:16px" viewBox="0 0 24 24">
+					<path d="M19,4H15.5L14.5,3H9.5L8.5,4H5V6H19M6,19A2,2 0 0,0 8,21H16A2,2 0 0,0 18,19V7H6V19Z" />
+				</svg>
+				</div>
+			</td>
+			{% endif %}
 		</tr>
 		{%- endif -%}
 	{% endfor %}

maloja/web/static/css/maloja.css

@@ -55,14 +55,22 @@ div.header h1 {
  settings icon
 **/
 
+div.clickable_icon {
+	display: inline-block;
+	fill: var(--text-color);
+	cursor: pointer;
+}
+div.clickable_icon:hover {
+	fill: var(--text-color-focus);
+}
+div.clickable_icon.danger:hover {
+	fill: red;
+}
+
 div#settingsicon {
 	position:fixed;
 	right:30px;
 	top:30px;
-	fill: var(--text-color);
-}
-div#settingsicon:hover {
-	fill: var(--text-color-focus);
 }
 
 
@@ -564,6 +572,10 @@ table.list td.searchProvider:hover {
 	color: gold;
 }
 
+table.list td.iconbuttons {
+	text-align: right;
+	width:40px;
+}
 
 
 /*