style fix for etymological cards

parent 88dd79d4
......@@ -24,7 +24,7 @@ a {
text-decoration: none;
}
.translation {
.card {
color: #fcfcfc;
margin: 20px;
padding: 20px;
......@@ -33,7 +33,7 @@ a {
transition: box-shadow 0.2s;
}
.translation:hover {
.card:hover {
box-shadow: 6px 6px 15px #000;
transition: box-shadow 0.3s;
}
......
......@@ -44,7 +44,7 @@
{% if translations %}
<p class="title">Translations of “{{ word.word }}” in {{ to_lang.name }}:</p>
{% for translation in translations %}
<a href="{% url 'dictionary:details' to_lang.code from_lang.code translation.slug %}"><p class="translation">{{ translation.word }} ({{translation.wordclass.name}})</p></a>
<a href="{% url 'dictionary:details' to_lang.code from_lang.code translation.slug %}"><p class="card">{{ translation.word }} ({{translation.wordclass.name}})</p></a>
{% endfor %}
{% endif %}
</listtrans>
......@@ -63,7 +63,7 @@
<p class="title">Etymological roots:</p>
{% for root in word.roots.all %}
<a href="{% url 'dictionary:details' from_lang.code to_lang.code root.slug %}">
<p>{{root.word}} ({{root.wordclass.name}})</p>
<p class="card">{{root.word}} ({{root.wordclass.name}})</p>
</a>
{% endfor %}
</roots>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment