builders: Fix styling of edit page

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/templates/builders/edit.html b/src/templates/builders/edit.html
index bad8762409c8c0ac19651dabf8086ef8cf22a0f3..d507434c27969bcc344d57e4f774610c42fa236d 100644 (file)
--- a/src/templates/builders/edit.html
+++ b/src/templates/builders/edit.html
@@ -1,8 +1,8 @@
-{% extends "../base.html" %}
+{% extends "../modal.html" %}
 
 {% block title %}{{ _("Edit Builder %s") % builder }}{% end block %}
 
-{% block container %}
+{% block breadcrumbs %}
        <nav class="breadcrumb" aria-label="breadcrumbs">
                <ul>
                        <li>
@@ -16,80 +16,81 @@
                        </li>
                </ul>
        </nav>
+{% end block %}
 
-       <div class="columns is-centered">
-               <div class="column is-narrow">
-                       <form method="POST" action="">
-                               <div class="box">
-                                       {% raw xsrf_form_html() %}
+{% block modal_title %}
+       <h4 class="title is-4">{{ _("Edit Builder") }}</h4>
+       <h6 class="subtitle is-6">{{ builder }}</h6>
+{% end block %}
 
-                                       {# Hostname #}
-                                       <div class="field">
-                                               <label class="label">{{ _("Hostname") }}</label>
-                                               <div class="control">
-                                                       <input class="input" type="text"
-                                                               name="hostname" value="{{ builder.hostname }}" disabled>
-                                               </div>
-                                               <p class="help">
-                                                       {{ _("The hostname cannot be changed") }}
-                                               </p>
-                                       </div>
+{% block modal %}
+       <form method="POST" action="">
+               {% raw xsrf_form_html() %}
 
-                                       {# Status #}
-                                       <div class="field">
-                                               <div class="control">
-                                                       <label class="checkbox">
-                                                               <input type="checkbox" name="enabled"
-                                                                       {% if builder.enabled %}checked{% end %}>
-                                                               {{ _("Enabled") }}
-                                                       </label>
-                                               </div>
-                                       </div>
+               {# Hostname #}
+               <div class="field">
+                       <label class="label">{{ _("Hostname") }}</label>
+                       <div class="control">
+                               <input class="input" type="text"
+                                       name="hostname" value="{{ builder.hostname }}" disabled>
+                       </div>
+                       <p class="help">
+                               {{ _("The hostname cannot be changed") }}
+                       </p>
+               </div>
 
-                                       <fieldset>
-                                               <legend>{{ _("Job Settings") }}</legend>
+               {# Status #}
+               <div class="field">
+                       <div class="control">
+                               <label class="checkbox">
+                                       <input type="checkbox" name="enabled"
+                                               {% if builder.enabled %}checked{% end %}>
+                                       {{ _("Enabled") }}
+                               </label>
+                       </div>
+               </div>
 
-                                               {# Build Jobs #}
-                                               <div class="field">
-                                                       <label class="label">{{ _("Maximum Parallel Build Jobs") }}</label>
-                                                       <div class="control">
-                                                               <input class="input" type="number"
-                                                                       name="max_jobs" value="{{ builder.max_jobs }}"
-                                                                       min="1" {% if builder.cpu_count %}max="{{ builder.cpu_count * 4 }}"{% end %}
-                                                                       required>
-                                                       </div>
-                                               </div>
+               <fieldset>
+                       <legend>{{ _("Job Settings") }}</legend>
 
-                                               {# Maintenance #}
-                                               <div class="field">
-                                                       <div class="control">
-                                                               <label class="checkbox">
-                                                                       <input type="checkbox" name="maintenance"
-                                                                               {% if builder.maintenance %}checked{% end %}>
-                                                                       {{ _("Enable Maintenance Mode") }}
-                                                               </label>
-                                                       </div>
-                                                       <p class="help">
-                                                               {{ _("When in maintenance mode, builders won't be automatically started or stopped") }}
-                                                       </p>
-                                               </div>
-                                       </fieldset>
+                       {# Build Jobs #}
+                       <div class="field">
+                               <label class="label">{{ _("Maximum Parallel Build Jobs") }}</label>
+                               <div class="control">
+                                       <input class="input" type="number"
+                                               name="max_jobs" value="{{ builder.max_jobs }}"
+                                               min="1" {% if builder.cpu_count %}max="{{ builder.cpu_count * 4 }}"{% end %}
+                                               required>
                                </div>
+                       </div>
 
-                               <div class="field is-grouped">
-                                       <div class="control">
-                                               <button class="button is-success is-link" type="submit">
-                                                       {{ _("Save") }}
-                                               </button>
-                                       </div>
-
-                                       <div class="control">
-                                               <a class="button is-danger is-outlined is-link" href="/builders/{{ builder.hostname }}/delete">
-                                                       {{ _("Delete") }}
-                                               </a>
-                                       </div>
+                       {# Maintenance #}
+                       <div class="field">
+                               <div class="control">
+                                       <label class="checkbox">
+                                               <input type="checkbox" name="maintenance"
+                                                       {% if builder.maintenance %}checked{% end %}>
+                                               {{ _("Enable Maintenance Mode") }}
+                                       </label>
                                </div>
-                       </form>
+                               <p class="help">
+                                       {{ _("When in maintenance mode, builders won't be automatically started or stopped") }}
+                               </p>
+                       </div>
+               </fieldset>
+
+               <div class="field is-grouped">
+                       <div class="control">
+                               <button class="button is-success is-link" type="submit">
+                                       {{ _("Save") }}
+                               </button>
+                       </div>
+
+                       <div class="control">
+                               <a class="button is-danger is-outlined is-link" href="/builders/{{ builder.hostname }}/delete">
+                                       {{ _("Delete") }}
+                               </a>
+                       </div>
                </div>
-       </div>
+       </form>
 {% end block %}