From c76fb307e3c504ea243378bb194a980a954d9326 Mon Sep 17 00:00:00 2001
From: Nicolas Boisselier <nicolas.boisselier@gmail.com>
Date: Mon, 1 Oct 2018 00:38:44 +0100
Subject: [PATCH] www/dbq/html/default.css

---
 lib/php/db/table.php         |  1 -
 www/dbq/dbq.php              |  8 +++++---
 www/dbq/html/default.css     | 17 ++++++++++++++---
 www/dbq/html/default.js      |  5 ++---
 www/dbq/html/default.min.css |  2 +-
 5 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/lib/php/db/table.php b/lib/php/db/table.php
index 4c75862e..3ba25730 100644
--- a/lib/php/db/table.php
+++ b/lib/php/db/table.php
@@ -630,7 +630,6 @@ Class Table extends nb {
 		echo '</div>'.NB_EOL; # < fields
 
 		echo ''
-			#.'<div class="btn-group-vertical mx-auto">'
 			.'<div class="db buttons btn-group btn-group-sm form-group mx-auto d-table bottom">'
 			.( empty($_SERVER['HTTP_REFERER']) ? '' : '<input type="button" class="btn btn-danger" onclick="document.location=document.referrer" value="Cancel" />')
 			.'<input class="btn btn-warning" type="reset" />'
diff --git a/www/dbq/dbq.php b/www/dbq/dbq.php
index 0a4ee734..28d27263 100644
--- a/www/dbq/dbq.php
+++ b/www/dbq/dbq.php
@@ -346,9 +346,9 @@ class DbQ extends nb {
 
 			$bottom = [];
 
+			echo '</div>'; # page-body
 			$this->page_bottom();
 
-			echo '</div>';
 			$this->page->end();
 		}
 
@@ -378,7 +378,9 @@ class DbQ extends nb {
 			$bottom[] = 'Database: '.preg_replace(array_keys($r),$r,$this->db->pdo);
 		}
 
-		if ($bottom and $this->is_html) echo $this->page->tag('div class="block bottom border rounded p-2 d-table"',join('<br />'.NB_EOL,$bottom));
+		if ($bottom and $this->is_html) echo $this->page->tag(
+			'div id="page-bottom" class="block bottom border rounded p-2 d-table"',join('<br />'.NB_EOL,$bottom)
+		);
 	}
 
 	public function user() {
@@ -565,7 +567,7 @@ class DbQ extends nb {
 
 				$r = $this->ar_unshift($r,'view',''
 					.'<form action="'.$this->table->base.'/vi'.'" method="post" class="vi">'
-					.'<a class="button select vi btn btn-sm btn-primary" href="'.$this->table->base.'/vi'.'" onclick="parentNode.submit();return false;">Edit</a>'
+					.'<a class="button select vi btn btn-sm btn-secondary" href="'.$this->table->base.'/vi'.'" onclick="parentNode.submit();return false;">Edit</a>'
 					.$hidden
 					.'</form>'
 				);
diff --git a/www/dbq/html/default.css b/www/dbq/html/default.css
index 5d2b0eaf..d63d2685 100644
--- a/www/dbq/html/default.css
+++ b/www/dbq/html/default.css
@@ -48,9 +48,15 @@ h1, h1 a, h1 a:hover {
 
 .menu .form-control {
 	max-width: 5rem;
-	height: 1.7rem;
-	padding-top: 0;
-	padding-bottom: 0;
+	height: 1.5rem;
+	padding: 0 0.3rem;
+	margin-top: 0.4rem;
+	margin-left: 0.2rem;
+}
+
+.menu .btn-group {
+	margin-left: 0.4rem;
+	max-height: 2.5rem;
 }
 
 .edit .form-control + .media {
@@ -64,12 +70,17 @@ h1, h1 a, h1 a:hover {
 /* Center */
 #db-menu-form,
 .pagination,
+.db-results,
+.db-rows,
+#page-bottom,
 .CENTER {
 	margin-left: auto;
 	margin-right: auto;
 	width: auto;
 	display: table;
 }
+
+/* Fix centered */
 .pagination * {
 	display: inline-block
 }
diff --git a/www/dbq/html/default.js b/www/dbq/html/default.js
index dfa9ef2b..cf35857f 100644
--- a/www/dbq/html/default.js
+++ b/www/dbq/html/default.js
@@ -121,9 +121,8 @@ document.addEventListener("DOMContentLoaded", function() {
 
 		a.onclick = function() {
 			var forms = document.querySelectorAll("form.rm");
-			// NB 30.09.18: Disable 
-// NB 30.09.18 			var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
-// NB 30.09.18 			elem.className = 'loader';
+			var elem = document.querySelector(".db-rows") ? document.querySelector(".db-rows") : '';
+			elem.className = 'loader';
 
 			for (j = 0; j < forms.length; ++j) {
 
diff --git a/www/dbq/html/default.min.css b/www/dbq/html/default.min.css
index 90ba2d04..9c574341 100644
--- a/www/dbq/html/default.min.css
+++ b/www/dbq/html/default.min.css
@@ -1 +1 @@
-@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}body{font-size:.9rem;line-height:1.2}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.7rem;padding-top:0;padding-bottom:0}.edit .form-control+.media{margin-top:.25rem}#db-menu-form,.CENTER,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}
+@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{border:16px solid #fff;border-radius:50%;border-top:16px solid #000;padding:0;margin:0 auto 0 auto;width:8em;height:8em;animation:spin 2s linear infinite;display:block}body.loader{margin-top:8em}.loader *{display:none!important}body{font-size:.9rem;line-height:1.2}h1{margin:0 0 .2em 0;font-size:140%;padding-bottom:.3em;margin-bottom:.5em;padding:.3em;background-color:var(--dark)}h1,h1 a,h1 a:hover{color:var(--light)}.menu *{font-size:95%}.menu .form-control{max-width:5rem;height:1.5rem;padding:0 .3rem;margin-top:.4rem;margin-left:.2rem}.menu .btn-group{margin-left:.4rem;max-height:2.5rem}.edit .form-control+.media{margin-top:.25rem}#db-menu-form,#page-bottom,.CENTER,.db-results,.db-rows,.pagination{margin-left:auto;margin-right:auto;width:auto;display:table}.pagination *{display:inline-block}
-- 
2.47.3