Edit layout as multiple lines list
<div class="module project-subprojects">
<div class="module-list-wrapper">
- <ul>
+ <div class="module-list">
+ <div class="module-list-wrapper">
+ <ul class="subprojects">
{% for subproject in object_list %}
- <li class="module-item">
- <a href="{% url 'projects_manage' project_slug=subproject.child.slug %}">
+ <li class="module-item subproject">
+ <div class="subproject-info">
+ <a
+ class="subproject-name"
+ href="{% url 'projects_manage' project_slug=subproject.child.slug %}">
{{ subproject.child }}
</a>
-
- <ul class="module-item-menu">
- <li>
+ <span class="subproject-url">
<a href="{{ subproject.get_absolute_url }}">
- {% trans "View Docs" %}
+ {{ subproject.get_absolute_url }}
</a>
- </li>
+ </span>
+ </div>
+
+ <ul class="module-item-menu subproject-menu">
<li>
- <a href="{% url 'projects_subprojects_update' project_slug=project.slug subproject_slug=subproject.child.slug %}">
- {% trans "Edit" %}
+ <a
+ class="subproject-edit"
+ href="{% url 'projects_subprojects_update' project_slug=project.slug subproject_slug=subproject.child.slug %}">
</a>
</li>
</ul>
</ul>
</div>
</div>
+ </div>
+ </div>
{% endif %}
{% endblock %}
