fix frontend responsive issues

This commit is contained in:
rmanach 2023-09-24 16:46:37 +02:00
parent 6c87655ee6
commit ed4ea2eb62

View File

@ -17,14 +17,14 @@
{% block content %} {% block content %}
<div class="container-fluid"> <div class="container-fluid">
<div class="row justify-content-md-center"> <div class="row justify-content-md-center">
<div class="col-lg-8 col-md-8 col-sm-6"> <div class="col-lg-8 col-md-10 col-sm-12">
{% if user.is_authenticated %} {% if user.is_authenticated %}
<table class="table table-striped table-hover"> <table class="table table-striped table-hover">
<tr> <tr>
<th scope="col-3">Name</th> <th scope="col-3">Name</th>
<th scope="col-3">Type</th> <th scope="col-3">Type</th>
<th scope="col-3">Status</th> <th scope="col-3">Status</th>
<th class="col-2"></th> <th class="col-1"></th>
<th class="col-2"></th> <th class="col-2"></th>
</tr> </tr>
{% for deployment in page_obj %} {% for deployment in page_obj %}
@ -34,19 +34,19 @@
<th name="status">{{ deployment.status }}</th> <th name="status">{{ deployment.status }}</th>
<th> <th>
<a href="{% url 'deployment-details' deployment.id %}"> <a href="{% url 'deployment-details' deployment.id %}">
<button class="btn btn-primary">Details</button> <button class="btn btn-primary btn-sm">Details</button>
</a> </a>
</th> </th>
{% if deployment.status == "FAILED" or deployment.status == "READY" %} {% if deployment.status == "FAILED" or deployment.status == "READY" %}
<th name="deploy"> <th name="deploy">
<form action="{% url 'deployment-launch' deployment.id %}?page={{ page_obj.number }}" method="post"> <form action="{% url 'deployment-launch' deployment.id %}?page={{ page_obj.number }}" method="post">
{% csrf_token %} {% csrf_token %}
<button class="btn btn-success" type="submit">Deploy</button> <button class="btn btn-success btn-sm" type="submit">Deploy</button>
</form> </form>
</th> </th>
{% elif deployment.status == "RUNNING" %} {% elif deployment.status == "RUNNING" %}
<th name="deploy"> <th name="deploy">
<button class="btn btn-primary" type="button" disabled> <button class="btn btn-primary btn-sm" type="button" disabled>
<span class="spinner-border spinner-border-sm" aria-hidden="true"></span> <span class="spinner-border spinner-border-sm" aria-hidden="true"></span>
<span role="status">Deploying...</span> <span role="status">Deploying...</span>
</button> </button>