From 64bc6153cb72bc9fa96dbb78efed6750eb830782 Mon Sep 17 00:00:00 2001
From: Terrtia <or1994@hotmail.fr>
Date: Tue, 12 Feb 2019 11:55:31 +0100
Subject: [PATCH] fix: [server UI v0.2 server_management] fix responsive css

---
 server/web/templates/server_management.html | 40 +++++++++++----------
 1 file changed, 21 insertions(+), 19 deletions(-)

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>