diff --git a/server/web/templates/server_management.html b/server/web/templates/server_management.html
index bf4e381..b0b34b2 100644
--- a/server/web/templates/server_management.html
+++ b/server/web/templates/server_management.html
@@ -36,14 +36,14 @@
</ul>
</nav>
- <div class="card-deck justify-content-center ml-0 mr-0">
- <div class="card text-center mt-3 ml-4">
+ <div class="card-deck ml-0 mr-0">
+ <div class="card text-center mt-3 ml-xl-4">
<div class="card-header bg-danger text-white">
Blacklist IP
</div>
<div class="card-body">
- <div class="card-deck justify-content-center">
- <div class="card text-center border-danger" style="max-width: 20rem;">
+ <div class="card-deck">
+ <div class="card text-center border-danger">
<div class="card-body text-danger">
<h5 class="card-title">Blacklist IP</h5>
<input type="text" class="form-control {%if blacklisted_ip is not none %}{%if blacklisted_ip==1 %}is-valid{% else %}is-invalid{%endif%}{%endif%}" id="blacklist_ip_input" placeholder="IP Address">
@@ -60,7 +60,7 @@
<button type="button" class="btn btn-danger mt-2" onclick="window.location.href ='{{ url_for('blacklist_ip') }}?redirect=0&ip='+$('#blacklist_ip_input').val();">Blacklist IP</button>
</div>
</div>
- <div class="card text-center border-light" style="max-width: 20rem;">
+ <div class="card text-center border-light">
<div class="card-body">
<h5 class="card-title">Manage IP Blacklist</h5>
<a href="{{ url_for('blacklisted_ip') }}">
@@ -68,7 +68,7 @@
</a>
</div>
</div>
- <div class="card text-center border-success" style="max-width: 20rem;">
+ <div class="card text-center border-success">
<div class="card-body">
<h5 class="card-title">Unblacklist IP</h5>
<input type="text" class="form-control {%if unblacklisted_ip is not none %}{%if unblacklisted_ip==1 %}is-valid{% else %}is-invalid{%endif%}{%endif%}" id="unblacklist_ip_input" placeholder="IP Address">
@@ -89,13 +89,15 @@
</div>
</div>
- <div class="card text-center mt-3 mr-4">
+ <div class="w-100 d-none d-sm-block d-xl-none"></div>
+
+ <div class="card text-center mt-3 mr-xl-4">
<div class="card-header bg-danger text-white">
Blacklist UUID
</div>
<div class="card-body">
- <div class="card-deck justify-content-center">
- <div class="card text-center border-danger" style="max-width: 20rem;">
+ <div class="card-deck">
+ <div class="card text-center border-danger">
<div class="card-body text-danger">
<h5 class="card-title">Blacklist UUID</h5>
<input type="text" class="form-control {%if blacklisted_uuid is not none %}{%if blacklisted_uuid==1 %}is-valid{% else %}is-invalid{%endif%}{%endif%}" id="blacklist_uuid_input" placeholder="UUID">
@@ -112,7 +114,7 @@
<button type="button" class="btn btn-danger mt-2" onclick="window.location.href ='{{ url_for('blacklist_uuid') }}?redirect=0&uuid='+$('#blacklist_uuid_input').val();">Blacklist UUID</button>
</div>
</div>
- <div class="card text-center border-light" style="max-width: 20rem;">
+ <div class="card text-center border-light">
<div class="card-body">
<h5 class="card-title">Manage UUID Blacklist</h5>
<a href="{{ url_for('blacklisted_uuid') }}">
@@ -120,7 +122,7 @@
</a>
</div>
</div>
- <div class="card text-center border-success" style="max-width: 20rem;">
+ <div class="card text-center border-success">
<div class="card-body">
<h5 class="card-title">Unblacklist UUID</h5>
<input type="text" class="form-control {%if unblacklisted_uuid is not none %}{%if unblacklisted_uuid==1 %}is-valid{% else %}is-invalid{%endif%}{%endif%}" id="unblacklist_uuid_input" placeholder="UUID">
@@ -150,7 +152,7 @@
<div class="card-body text-dark">
<div class="row">
- <div class="col-sm-8">
+ <div class="col-md-8">
<table class="table table-striped table-bordered table-hover" id="myTable_">
<thead class="thead-dark">
<tr>
@@ -174,7 +176,7 @@
</tbody>
</table>
</div>
- <div class="col-sm-4">
+ <div class="col-md-4">
<div class="card border-dark mt-3" style="max-width: 18rem;">
<div class="card-body text-dark">
<h5 class="card-title">Add New Types</h5>
@@ -191,7 +193,7 @@
</div>
- <div class="card-deck justify-content-center ml-0 mr-0">
+ <div class="card-deck ml-0 mr-0">
<div class="card border-dark mt-3 ml-4 mr-4">
<div class="card-header bg-dark text-white">
Analyzer Management
@@ -199,7 +201,7 @@
<div class="card-body text-dark">
<div class="row">
- <div class="col-sm-8">
+ <div class="col-xl-8">
<table class="table table-striped table-bordered table-hover" id="myTable_1">
<thead class="thead-dark">
<tr>
@@ -219,8 +221,8 @@
<td>{{analyzer['uuid']}}</td>
<td>{{analyzer['last_updated']}}</td>
<td>
- <div class="d-flex justify-content-center">
- <input class="form-control mr-1" style="max-width: 100px;" type="number" id="max_size_analyzer_{{analyzer['uuid']}}" value="{{analyzer['size_limit']}}" min="0" required="">
+ <div class="d-lg-flex justify-content-lg-center">
+ <input class="form-control mr-lg-1" style="max-width: 100px;" type="number" id="max_size_analyzer_{{analyzer['uuid']}}" value="{{analyzer['size_limit']}}" min="0" required="">
<button type="button" class="btn btn-outline-secondary" onclick="window.location.href ='{{ url_for('analyzer_change_max_size') }}?analyzer_uuid={{analyzer['uuid']}}&redirect=0&max_size_analyzer='+$('#max_size_analyzer_{{analyzer['uuid']}}').val();">Change Max Size</button>
</div>
</td>
@@ -228,7 +230,7 @@
<a href="{{ url_for('remove_analyzer') }}?redirect=1&type={{type['id']}}&analyzer_uuid={{analyzer['uuid']}}">
<button type="button" class="btn btn-outline-danger"><i class="fa fa-trash"></i></button>
</a>
- <button type="button" class="btn btn-outline-info ml-3" onclick="get_analyser_sample('{{type['id']}}', '{{analyzer['uuid']}}');"><i class="fa fa-database"></i> {{analyzer['length']}}</button>
+ <button type="button" class="btn btn-outline-info ml-xl-3" onclick="get_analyser_sample('{{type['id']}}', '{{analyzer['uuid']}}');"><i class="fa fa-database"></i> {{analyzer['length']}}</button>
</td>
</tr>
{% endfor %}
@@ -237,7 +239,7 @@
</tbody>
</table>
</div>
- <div class="col-sm-4">
+ <div class="col-xl-4">
<div class="card border-dark mt-3" style="max-width: 18rem;">
<div class="card-body text-dark">
<h5 class="card-title">Add New Analyzer Queue</h5>