add id to back button, use list elements

commit ccc2c9adb3dead93b109aff535b1e6762f07b9c1
parent c96ceb864636c6c7dc388dfcc0f3f3e66f27ce44
Author: Leah (ctucx) <leah@ctu.cx>
Date: Sat, 6 Mar 2021 13:06:08 +0100

add id to back button, use list elements

2 files changed, 10 insertions(+), 3 deletions(-)

webmusic.css

++++

webmusic.xslt

++++++---

diff --git a/webmusic.css b/webmusic.css
@@ -73,3 +73,7 @@ h2, h2 a {
 #state {
     cursor: pointer;
 }
+
+li {
+    list-style: none;
+}

diff --git a/webmusic.xslt b/webmusic.xslt
@@ -74,6 +74,7 @@
 
 
 	<xsl:template match="directory">
+	<li>
 	<a class="action">[--] </a>
 	<xsl:element name="a">
 		<xsl:attribute name="href">

@@ -83,10 +84,11 @@
 		</xsl:attribute>
 		<xsl:value-of select="." />
 	</xsl:element>
-	<br/>
+	</li>
 	</xsl:template>
 
 	<xsl:template match="file">
+	<li>
 	<script>queue.push('<xsl:call-template name="url-encode"><xsl:with-param name="str" select="concat($path, current())" /></xsl:call-template>')</script>
 	<xsl:element name="a">
 		<xsl:attribute name="class">

@@ -105,8 +107,9 @@
 		<xsl:attribute name="onclick">playSong('<xsl:call-template name="url-encode"><xsl:with-param name="str" select="concat($path, current())" /></xsl:call-template>')</xsl:attribute>
 		<xsl:value-of select="." />
 	</a>
-	<br/>
+	</li>
 	</xsl:template>
+
 	<xsl:template match="/">
 		<xsl:text disable-output-escaping="yes">&lt;!DOCTYPE html&gt;</xsl:text>
 		<html lang="en">

@@ -143,7 +146,7 @@
 			<div id="container">
 				<h2><xsl:value-of select="$path"/><xsl:text> </xsl:text><span id="state"></span><xsl:text> </xsl:text><span id="flags"></span></h2>
 				<a class="action-muted">[..]</a>
-				<a href=".." class="entry-muted cfont"> Go back</a>
+				<a href=".." id="back" class="entry-muted cfont"> Go back</a>
 				<br/>
 				<a class="action-muted">[--]</a>
 				<xsl:element name="a">