Collapsible git repo details

Signed-off-by: Michal Čihař <michal@cihar.com>

weblate/html/js/git-status.html

@@ -49,22 +49,32 @@
 {% endwith %}
 {% endif %}
 
-<div class="details-accordion">
-<h3><a href="#">{% trans "Details" %}</a></h3>
-<div>
-{% if object.subproject_set %}
-{% for sp in object.subproject_set.all %}
-<h4>{{ sp }}</h3>
-<pre>
-{{ sp.git_repo.git.status }}
-</pre>
-{% endfor %}
-{% else %}
-<pre>
-{{ object.git_repo.git.status }}
-</pre>
-{% endif %}
-</div>
+<div class="panel-group" id="accordion">
+  <div class="panel panel-default">
+    <div class="panel-heading">
+      <h4 class="panel-title">
+        <a data-toggle="collapse" data-parent="#accordion" href="#git-details">
+          {% trans "Details" %}
+        </a>
+      </h4>
+    </div>
+    <div id="git-details" class="panel-collapse collapse">
+      <div class="panel-body">
+        {% if object.subproject_set %}
+        {% for sp in object.subproject_set.all %}
+        <h4>{{ sp }}</h3>
+        <pre>
+        {{ sp.git_repo.git.status }}
+        </pre>
+        {% endfor %}
+        {% else %}
+        <pre>
+        {{ object.git_repo.git.status }}
+        </pre>
+        {% endif %}
+      </div>
+    </div>
+  </div>
 </div>
 
 {% endif %}