From a6a1b04a8ed727bc5c075cfdb9fd8c0c2e7699d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Martin=20M=C3=BCller?= <mail@mueller-martin.net>
Date: Sat, 4 Nov 2017 11:58:11 +0100
Subject: [PATCH] Fix button spacing and adjust it to edit mode

---
 static/main.css      | 4 ++++
 templates/index.html | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/static/main.css b/static/main.css
index 4d209c9..40aa431 100644
--- a/static/main.css
+++ b/static/main.css
@@ -148,6 +148,8 @@ nav .extra > a {
 
 .sound {
 	display: inline-block;
+	border: 1px solid transparent;
+	margin: 5px;
 }
 
 .sound a {
@@ -174,6 +176,8 @@ nav .extra > a {
 
 .edit {
 	border: 1px dashed #eee;
+	box-sizing: border-box;
+	margin: 5px;
 }
 
 .table-row {
diff --git a/templates/index.html b/templates/index.html
index d418a40..3676f82 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -7,9 +7,9 @@
 					<li><a href="#">{{ tag.name }}</a></li>
 				{% endfor %}
 				</ul>
-				{% for sound in sounds %}
-				<div class="sound{{ ' edit' if edit }}"><a href="{{ '/' + ('edit' if edit else 'play') + '/' + sound | urlencode }}">{{ sound.split('.', 1)[0] }}</a></div>
-				{% endfor %}
+				{% for sound in sounds %}<!--
+				--><div class="sound{{ ' edit' if edit }}"><a href="{{ '/' + ('edit' if edit else 'play') + '/' + sound | urlencode }}">{{ sound.split('.', 1)[0] }}</a></div><!--
+				-->{% endfor %}
 			</section>
 			<section id="youtube">
 				<form action="/" method="GET">