Reformat rules page to be more readable
</ol>
<form action="" class="input-group" method="post">{% csrf_token %}
+<div class="row">
+
+<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">{{ form.name.label_tag }}</div>
<div class="panel-body">
{{ form.enabled.errors }}
{{ form.enabled }}
</div>
+ </div>
+ <div class="panel panel-default">
<div class="panel-heading">{{ form.clause.label_tag }}</div>
<div class="panel-body">
{{ form.clause.errors }}
</ul>
</div>
</div>
+ </div>
+ <div class="panel panel-default">
<div class="panel-heading">{{ form.duration.label_tag }}</div>
<div class="panel-body">
{{ form.duration.errors }}
{{ form.duration }}
<p class="help-block">Prometheus to wait for a certain duration between first encountering a new expression output vector element (like an instance with a high HTTP error rate) and counting an alert as firing for this element. Elements that are active, but not firing yet, are in pending state.</p>
</div>
+ </div>
+</div>
+<div class="col-md-6">
+ <div class="panel panel-default">
<div class="panel-heading">{{ form.labels.label_tag }}</div>
<div class="panel-body">
{{ form.labels.errors }}
</ul>
</div>
</div>
+ </div>
+ <div class="panel panel-default">
<div class="panel-heading">{{ form.annotations.label_tag }}</div>
<div class="panel-body">
{{ form.annotations.errors }}
</ul>
</div>
</div>
- <div class="panel-footer">
- <button class="btn btn-primary">Register Rule</button>
</div>
</div>
+</div>
+
+
+</div>
+<button class="btn btn-primary">Register Rule</button>
</form>
+
{% endblock %}
