Cleaner pills items.

see #585

modoboa/extensions/admin/templates/admin/aliasform.html

@@ -5,6 +5,6 @@
 {% if form.instance.domain.enabled %}
 {% render_field form.enabled %}
 {% else %}
-{% include "common/generic_field.html" with field=form.enabled inline_message=_("Domain is disabled") extra_classes="info" %}
+{% include "common/generic_field.html" with field=form.enabled label_width="col-sm-4" inline_message=_("Domain is disabled") extra_classes="info" %}
 {% endif %}
 {% endblock %}

modoboa/static/css/custom.css

@@ -302,6 +302,9 @@ html body div.navbar div.container-fluid div#navigate-navbar-collapse.collapse u
 
  /* modals */
 
+.modal-body .nav-pills { 
+    margin-bottom: 15px;
+}
 
  /* settings */
 

modoboa/templates/common/tabforms.html

@@ -2,20 +2,24 @@
 {% load i18n form_tags %}
 {% block modalbody %}
   <form id="{{ formid }}" class="form-horizontal" action="{{ action }}" method="POST">{% csrf_token %}
-    <ul class="nav nav-pills">{% for tab in tabs %}
+    <ul class="nav nav-pills" role="tablist">
+      {% for tab in tabs %}
       <li class="{% if tabs.active_id == tab.id %}active{% endif %}">
-        <a href="#{{ tab.id }}" data-toggle="tab">{{ tab.title }}</a>
-      </li>{% endfor %}
+        <a href="#{{ tab.id }}" role="tab" data-toggle="pill">{{ tab.title }}</a>
+      </li>
+      {% endfor %}
       {% block extratabs %}{% endblock %}
     </ul>
     <div class="tab-content">
-      {% for tab in tabs %}<div class="tab-pane{% if tabs.active_id == tab.id %} active{% endif %}" id="{{ tab.id }}">
+      {% for tab in tabs %}
+      <div class="tab-pane{% if tabs.active_id == tab.id %} active{% endif %}" id="{{ tab.id }}">
         {% if tab.formtpl %}
         {% render_form tab.instance tab.formtpl %}
         {% else %}
         {% render_form tab.instance %}
         {% endif %}
-      </div>{% endfor %}
+      </div>
+      {% endfor %}
       {% block extratabs_content %}{% endblock %}
     </div>
   </form>