Summary: Cleanup markup for navtabs a little, use CSS to add margin

instead of empty paragraph
 - Legacy-Id: 8919

Author: OleLaursen

ietf/templates/community/manage_clist.html

@@ -9,16 +9,14 @@ <h1>{{ cl.long_name }}</h1>
 
 {% bootstrap_messages %}
 
-<ul class="nav nav-tabs nav-memory">
+<ul class="nav nav-tabs nav-memory" role="tablist">
 	<li class="active"><a href="#view" data-toggle="tab">Documents</a></li>
 	<li><a href="#documents" data-toggle="tab">Explicitly added</a></li>
 	<li><a href="#rules" data-toggle="tab">Rules</a></li>
 	<li><a href="#custom" data-toggle="tab">Display customization</a></li>
 	<li><a href="#info" data-toggle="tab">Exports</a></li>
 </ul>
 
-<p></p>
-
 <div class="tab-content">
 	<div class="tab-pane active" id="view">
 		{% include "community/view_list.html" %}

ietf/templates/doc/document_top.html

@@ -2,11 +2,10 @@
 
 <h1>{{ doc.title }}<br><small>{{ name }}</small></h1>
 
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
 	{% for name, t, url, active, tooltip in tabs %}
 		<li {% if tooltip %}title="{{tooltip}}"{% endif %} class="{% if t == selected %}active {% endif %}{% if not active %}disabled {% endif %}">
 			<a {% if active %}href="{{ url }}"{% endif %}>{{ name|capfirst_allcaps }}</a>
 		</li>
 	{% endfor %}
 </ul>
-<p></p>

ietf/templates/group/group_base.html

@@ -15,16 +15,14 @@ <h1>{{ group.name}} ({{ group.acronym }})
 	{% endif %}
 </h1>
 
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
 	{% for name, url in menu_entries %}
 		<li {% if selected_menu_entry == name.lower %}class="active"{% endif %}>
 			<a href="{{ url }}">{{ name }}</a>
 		</li>
 	{% endfor %}
 </ul>
 
-<p></p>
-
 {% if menu_actions %}
 <div class="buttonlist">
 	{% for name, url in menu_actions %}

ietf/templates/nomcom/nomcom_private_base.html

@@ -43,7 +43,6 @@ <h1>NomCom {{ year }} <small>Private area</small></h1>
 		</li>
 	{% endif %}
 </ul>
-<p></p>
 
 {% block nomcom_content %}
 {% endblock %}

ietf/templates/nomcom/nomcom_public_base.html

@@ -17,7 +17,6 @@ <h1>NomCom {{ year }}</h1>
 	<li {% if selected == "requirements" %}class="active"{% endif %}><a href="{% url "nomcom_requirements" year %}">Desired expertise</a></li>
 	<li {% if selected == "questionnaires" %}class="active"{% endif %}><a href="{% url "nomcom_questionnaires" year %}">Questionnaires</a></li>
 </ul>
-<p></p>
 
 {% block nomcom_content %}
 {% endblock %}

ietf/templates/nomcom/view_feedback_nominee.html

@@ -54,7 +54,6 @@ <h2>Feedback about {{ nominee }} </h2>
 	{% endfor %}
 </div>
 
-<p></p>
 <a class="btn btn-default" href="{% url "nomcom_view_feedback" year %}">Back</a>
 
 {% endblock %}

ietf/templates/nomcom/view_feedback_unrelated.html

@@ -48,6 +48,7 @@ <h2>Feedback not related to nominees</h2>
   {% endfor %}
 </div>
 
-<p></p>
-<a class="btn btn-default" href="{% url "nomcom_view_feedback" year %}">Back</a>
+<p>
+  <a class="btn btn-default" href="{% url "nomcom_view_feedback" year %}">Back</a>
+</p>
 {% endblock %}

ietf/templates/submit/submit_base.html

@@ -7,7 +7,7 @@
 {% block content %}
 <h1>Internet-Draft submission </h1>
 
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" role="tablist">
 	<li {% if selected == "index" %}class="active"{% endif %}>
 		<a href="{% url "submit_upload_submission" %}">Upload</a>
 	</li>
@@ -25,8 +25,6 @@ <h1>Internet-Draft submission </h1>
 	</li>
 </ul>
 
-<p></p>
-
 {% block submit_content %}
 {% endblock %}
 

static/facelift/css/ietf.css

@@ -82,9 +82,12 @@ body { padding-top: 70px; }
 .panel-blank { color: #555; }
 .panel-blank > .panel-heading { background-color: #eee; }
 
-/* Style required form field labels - 2217 = ∗  */
+/* Required form field labels - 2217 = ∗  */
 label.required:after { content: "\2217"; color: #a94442; font-weight: bold; }
 
+/* Add some margin to tabs */
+.nav-tabs[role=tablist] { margin-bottom: 0.7em; }
+
 /* Styles needed for the ballot table */
 .position-discuss,
 .position-block    { background-color: #d9534f; }
@@ -250,4 +253,6 @@ pre { line-height: 1.214;  }
 
 /* IPR */
 
+#ipr-details dl.dl-horizontal dt { white-space: normal; }
+
 .ipr-form .draft-row.template { display: none }