Made tags list page look like tag cloud

boards/static/css/md/base_page.css

@@ -390,3 +390,11 b' pre {'
     background: #222;
     border: solid 1px white;
 }
+
+.tag_item {
+    display: inline-block;
+    background: #555;
+    border: 1px solid #ccc;
+    margin: 0.3ex;
+    padding: 0.2ex;
+}

boards/static/css/pg/base_page.css

@@ -344,4 +344,11 b' input[type="submit"]:hover {'
 .current_page, .current_mode {
     border: solid 1px #000;
     padding: 2px;
-}
  No newline at end of file
+}
+
+.tag_item {
+    display: inline-block;
+    border: 1px solid #ccc;
+    margin: 0.3ex;
+    padding: 0.2ex;
+}

boards/templates/boards/tags.html

@@ -9,33 +9,34 b''
 {% block content %}
 
     <div class="post">
-	{% if all_tags %}
-		{% for tag in all_tags %}
-            {% if tag in user.fav_tags.all %}
-                <a href="{% url 'tag_unsubscribe' tag.name %}?next={{ request.path }}"
-                    class="fav">★</a>
-            {% else %}
-                <a href="{% url 'tag_subscribe' tag.name %}?next={{ request.path }}"
-                    class="not_fav">★</a>
-            {% endif %}
-            <a class="tag" href="{% url 'tag' tag.name %}"
-               style="font-size: {{ tag.get_font_value }}em">
-                #{{ tag.name }}</a>
-            ({{ tag.get_post_count }} {% trans 'threads' %})
-            {% if tag.linked %}
-                ( +
-                {% for linked_tag in tag.get_linked_tags %}
-                    <a class="tag" href="{% url 'tag' linked_tag.name %}">
-                        #{{ linked_tag.name }}
-                    </a>
-                {% endfor %}
-                )
-            {% endif %}
-            <br />
-		{% endfor %}
-	{% else %}
-		{% trans 'No tags found.' %}
-	{% endif %}
+        {% if all_tags %}
+            {% for tag in all_tags %}
+                <div class="tag_item">
+                {% if tag in user.fav_tags.all %}
+                    <a href="{% url 'tag_unsubscribe' tag.name %}?next={{ request.path }}"
+                        class="fav">★</a>
+                {% else %}
+                    <a href="{% url 'tag_subscribe' tag.name %}?next={{ request.path }}"
+                        class="not_fav">★</a>
+                {% endif %}
+                <a class="tag" href="{% url 'tag' tag.name %}"
+                   style="font-size: {{ tag.get_font_value }}em">
+                    #{{ tag.name }}</a>
+                ({{ tag.get_post_count }} {% trans 'threads' %})
+                {% if tag.linked %}
+                    ( +
+                    {% for linked_tag in tag.get_linked_tags %}
+                        <a class="tag" href="{% url 'tag' linked_tag.name %}">
+                            #{{ linked_tag.name }}
+                        </a>
+                    {% endfor %}
+                    )
+                {% endif %}
+                </div>
+            {% endfor %}
+        {% else %}
+            {% trans 'No tags found.' %}
+        {% endif %}
     </div>
 
 {% endblock %}

changelog.markdown

@@ -13,3 +13,4 b' thread.'
 * Pagination changes. Pages counter now starts from 1 instead of 0
 * Added API for viewing threads and posts
 * New tag popularity algorithm
+* Tags list page changes. Now tags list is more like a tag cloud