From 30a535d7e9bdc0e3cf637207c0c100a16db81586 Mon Sep 17 00:00:00 2001 From: Jeremy Plsek <jeremyplsek@gmail.com> Date: Thu, 19 Dec 2019 12:58:33 -0500 Subject: style: make more consistent styles - Fix indentation in places - User settings have better labels - Lab info title now the same as others - Add "empty" sections to be more helpful to the user. They are not using links, since most of the "workflow" is handled by javascript. - Update padding in places to better line up with other elements - Add padding to bootstrap notifications (add check for messages to not just have random padding on the top of the page) - Remove unnecessary text in a form - Remove card-body from table-only or list-only cards (lists and tables are now flush with cards) - Add bg-danger to not-working hosts - Replace True/False text shown to the user with Yes/No - Remove ":" from some headers - Vertical buttons are now in a button group - Add pre-wrap class to avoid pre from breaking box sizing on the booking detail page - Reduce table indent in pod card and add table overflow scrollbar Signed-off-by: Jeremy Plsek <jeremyplsek@gmail.com> Change-Id: If09dca2f2b7386c44eeeb817ef76e8f748e456da --- src/templates/booking/quick_deploy.html | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) (limited to 'src/templates/booking/quick_deploy.html') diff --git a/src/templates/booking/quick_deploy.html b/src/templates/booking/quick_deploy.html index 6776980..8570f25 100644 --- a/src/templates/booking/quick_deploy.html +++ b/src/templates/booking/quick_deploy.html @@ -6,7 +6,6 @@ {% bootstrap_form_errors form type='non_fields' %} <form id="quick_booking_form" action="/booking/quick/" method="POST" class="form"> {% csrf_token %} - <div class="container-fluid"> <div class="row mx-0 px-0"> <div class="col-12 mx-0 px-0 mt-2"> <p class="my-0">Please select a host type you wish to book. Only available types are shown.</p> @@ -14,7 +13,7 @@ </div> </div> <div class="row"> - <div class="col-12 col-lg-3 px-1 my-2"> + <div class="col-12 col-lg-3 my-2"> <div class="col border rounded py-2 h-100"> {% bootstrap_field form.purpose %} {% bootstrap_field form.project %} @@ -26,30 +25,29 @@ </script> </div> </div> - <div class="col-12 col-lg-3 px-1 my-2"> + <div class="col-12 col-lg-3 my-2"> <div class="col border rounded py-2 h-100"> <label>Collaborators</label> {{ form.users }} </div> </div> - <div class="col-12 col-lg-3 px-1 my-2"> + <div class="col-12 col-lg-3 my-2"> <div class="col border rounded py-2 h-100"> {% bootstrap_field form.hostname %} {% bootstrap_field form.image %} </div> </div> - <div class="col-12 col-lg-3 px-1 my-2"> + <div class="col-12 col-lg-3 my-2"> <div class="col border rounded py-2 h-100"> <strong>OPNFV: (Optional)</strong> {% bootstrap_field form.installer %} {% bootstrap_field form.scenario %} </div> </div> - <div class="col-12 d-flex px-0 mt-2 justify-content-end"> + <div class="col-12 d-flex mt-2 justify-content-end"> <button id="quick_booking_confirm" onclick="submit_form();" type="button" class="btn btn-success">Confirm</button> </div> </div> - </div> </form> <script type="text/javascript"> -- cgit 1.2.3-korg