Style tag list for button view

static/main.css

@@ -44,13 +44,25 @@ input {
 }
 
 .tags li {
+	display: inline-block;
+	list-style-type: none;
+}
+
+.tags li a {
 	background-color: #333;
+	border: 1px solid #999;
 	border-radius: 2px;
+	color: #999;
 	font-size: 0.9em;
 	margin: 5px;
 	padding: 2px 5px 2px 5px;
 }
 
+.tags li a:hover {
+	background-color: #eee;
+	color: #333;
+}
+
 .youtube label {
 	vertical-align: middle;
 }

templates/index.html

@@ -2,9 +2,9 @@
 {% block content %}
 			<section id="sounds">
 				<div><input type="text" id="search" /><span class="reset">⨯</span></div>
-				<ul>
+				<ul class="tags">
 				{% for tag in tags %}
-					<li>{{ tag.name }}</li>
+					<li><a href="#">{{ tag.name }}</a></li>
 				{% endfor %}
 				</ul>
 				{% for sound in sounds %}