mgoetz/soundboard
1
0
Fork 0
forked from server/soundboard
Code Issues Pull Requests Releases Wiki Activity

Style tag list for button view

Browse Source
This commit is contained in:
Martin Müller 2017-07-18 22:12:00 +02:00
parent cc7ed0daf1
commit 35e6337d20
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/main.css
View File

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

4
templates/index.html
View File

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