{% extends "base.html" %}
{% load compress static i18n static %}

{% block title %}{{topic.name}}{% endblock %}

{% block main_class %}member-details{% endblock %}

{% block content %}

<div class="row">
    <div class="col-lg-5">
        <div class="issue-card">
            <div class="page-heading">
                <h1>{{topic.name}}</h1>
            </div>
        </div>
        <div class="content feature-tagcloud">
            <h4>{% trans "Related keywords" %}</h4>
            <div class="tagcloud tagcloud-navi">
            </div>
        </div>
    </div>
    <div class="col-lg-10">
        <div class="content">
            <div class="col-6">
                <div class="box">
                    <h4>{% trans "Which parties are active with this issue?" %}</h4>
                </div>
            </div>
            <div class="col-9">
                <div class="box">
                    <h4>{% trans "Who are active with this issue?" %}</h4>
                </div>
            </div>
            <div class="feed-filters">
                <form class="form-horizontal">
                    <fieldset>
                        <legend>Aktiivisuus</legend>
                    </fieldset>
                    <fieldset>
                        <legend>Rajaus</legend>
                        <div class="">
                        <input type="text" class="form-control" placeholder="Hae sisällöstä">
                        </div>
                        <br>
                        <div class="btn-toolbar">
                            <div class="btn-group" data-toggle="buttons-checkbox">
                                <button class="btn  btn-small  js-tooltip" type="button" title="Puheenvuorot">
                                    <i class="typcn  typcn-message  typcn--medium"></i>
                                </button>
                                <button class="btn  btn-small  js-tooltip" type="button" title="Omat aloitteet">
                                    <i class="typcn  typcn-document-add  typcn--medium"></i>
                                </button>
                                <button class="btn  btn-small  js-tooltip" type="button" title="Kirjalliset kysymykset">
                                    <i class="typcn  typcn-warning  typcn--medium"></i>
                                </button>
                            </div>
                            <div class="btn-group">
                                <button class="btn   btn-primary  btn-small  js-tooltip  active" type="button" title="Valitse kaikki">Kaikki julkaisut</button>
                            </div>
                        </div>
                    </fieldset>
                </form>
            </div>
            <h3>{% blocktrans with topic=topic.name %}Documents related to topic "{{topic}}"{% endblocktrans %}</h3>
            <ul class="activity-feed"></ul>
        </div>
    </div>
</div>

{% endblock %}

Add base layout for topic details page
Add base layout for topic details page
