fix: log (#4273)

* improve css

* scrolling table

* debug icon

* fix css

* Update swage.css

* fix more css

* Update swage.scss

* Delete _components.css

* added: .log-debug

27 files changed, 43 insertions, 180 deletions

diff --git a/app/Models/Themes.php b/app/Models/Themes.php
index ed379dc0d..02f7909dd 100644
--- a/app/Models/Themes.php
+++ b/app/Models/Themes.php
@@ -78,6 +78,7 @@ class FreshRSS_Themes extends Minz_Model {
 			'category' => '☷',
 			'close' => '❌',
 			'configure' => '⚙',
+			'debug' => '🐛',
 			'down' => '▽',
 			'error' => '❌',
 			'favorite' => '★',
diff --git a/app/views/index/logs.phtml b/app/views/index/logs.phtml
index 8221d2d4b..a96ff66b5 100644
--- a/app/views/index/logs.phtml
+++ b/app/views/index/logs.phtml
@@ -15,7 +15,7 @@
 
 	<?php if (!empty($items)) { ?>
 	<?php $this->logsPaginator->render('logs_pagination.phtml', 'page'); ?>
-	<div id="loglist-wrapper">
+	<div id="loglist-wrapper" class="table-wrapper">
 		<table id="loglist">
 			<thead>
 				<th><?= _t('conf.logs.loglist.level') ?></th>
diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index 65e7f8bc8..a871520ab 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/p/themes/Alternative-Dark/adark.css
@@ -1124,7 +1124,6 @@ a.btn {
 	}
 
 	.pagination {
-		margin: 0 0 3.5em;
 		border-top: 1px solid #292929;
 	}
 
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index d63222693..93c8abe77 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/p/themes/Alternative-Dark/adark.rtl.css
@@ -1124,7 +1124,6 @@ a.btn {
 	}
 
 	.pagination {
-		margin: 0 0 3.5em;
 		border-top: 1px solid #292929;
 	}
 
diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css
index 304f55e0f..ea734a70b 100644
--- a/p/themes/BlueLagoon/BlueLagoon.css
+++ b/p/themes/BlueLagoon/BlueLagoon.css
@@ -478,11 +478,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1337,10 +1332,6 @@ a.btn {
 		display: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css
index d1d4757cc..5ceb34e9a 100644
--- a/p/themes/BlueLagoon/BlueLagoon.rtl.css
+++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css
@@ -478,11 +478,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1337,10 +1332,6 @@ a.btn {
 		display: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index 356ec9ac7..3dcbe86fb 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -438,11 +438,6 @@ a.btn {
 	text-align: center;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	background: #111;
 	font-size: 1.5em;
@@ -1178,10 +1173,6 @@ a.btn {
 		font-size: 1.1rem;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification {
 		border-top: none;
 		border-right: none;
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index bf6c15517..deb51644c 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -438,11 +438,6 @@ a.btn {
 	text-align: center;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	background: #111;
 	font-size: 1.5em;
@@ -1178,10 +1173,6 @@ a.btn {
 		font-size: 1.1rem;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification {
 		border-top: none;
 		border-left: none;
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index 0a6617f59..dd4d991b1 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -1165,10 +1165,6 @@ a.btn {
 		font-size: 1.1rem;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification {
 		border-radius: 0;
 	}
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index a10f27952..0b6f4b7ba 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/p/themes/Flat/flat.rtl.css
@@ -1165,10 +1165,6 @@ a.btn {
 		font-size: 1.1rem;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification {
 		border-radius: 0;
 	}
diff --git a/p/themes/Mapco/_components.scss b/p/themes/Mapco/_components.scss
index 7347bcc6f..f54170c0a 100644
--- a/p/themes/Mapco/_components.scss
+++ b/p/themes/Mapco/_components.scss
@@ -190,12 +190,6 @@
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
-
 /*=== Boxes */
 .box {
 	background: variables.$white;
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 8768481c8..ac88f6a2f 100644
--- a/p/themes/Mapco/mapco.css
+++ b/p/themes/Mapco/mapco.css
@@ -359,11 +359,6 @@ form th {
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 /*=== Boxes */
 .box {
 	background: #fff;
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index a029cce3e..82b3fdcfd 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/p/themes/Mapco/mapco.rtl.css
@@ -359,11 +359,6 @@ form th {
 	background: url("loader.gif") center center no-repeat #34495e;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 /*=== Boxes */
 .box {
 	background: #fff;
diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index e23bac24c..f0fa3c21b 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/p/themes/Origine-compact/origine-compact.css
@@ -477,11 +477,6 @@ a.btn,
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1258,10 +1253,6 @@ a.btn,
 		text-shadow: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index a8df84556..bf77c8930 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/p/themes/Origine-compact/origine-compact.rtl.css
@@ -477,11 +477,6 @@ a.btn,
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1258,10 +1253,6 @@ a.btn,
 		text-shadow: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index f8e9d4722..948438707 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -458,11 +458,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1199,10 +1194,6 @@ a.btn {
 		text-shadow: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index f9dc2f720..526dd4530 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -458,11 +458,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1199,10 +1194,6 @@ a.btn {
 		text-shadow: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 6da93f502..ad37cbc15 100644
--- a/p/themes/Pafat/pafat.css
+++ b/p/themes/Pafat/pafat.css
@@ -422,11 +422,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1178,10 +1173,6 @@ a.signin {
 		text-shadow: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 2518db524..cf460ce7c 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/p/themes/Pafat/pafat.rtl.css
@@ -422,11 +422,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1178,10 +1173,6 @@ a.signin {
 		text-shadow: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 1cee7a914..02477be9b 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/p/themes/Screwdriver/screwdriver.css
@@ -473,11 +473,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1307,10 +1302,6 @@ a.btn {
 		display: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index bee07294c..bc67b0f8f 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/p/themes/Screwdriver/screwdriver.rtl.css
@@ -473,11 +473,6 @@ a.btn {
 	font-size: 0.8em;
 }
 
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
-
 .pagination .item.pager-current {
 	font-weight: bold;
 	font-size: 1.5em;
@@ -1307,10 +1302,6 @@ a.btn {
 		display: none;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	.notification a.close {
 		background: transparent;
 		display: block;
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 2751701d6..7bb7bb902 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -38,14 +38,6 @@ select:invalid {
 	clear: both;
 }
 
-.switch.active {
-	background-color: #0062be;
-}
-
-.switch.active:hover {
-	background-image: url('./icons/disabled-light.svg');
-}
-
 #nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds {
 	width: 231px;
 }
@@ -224,6 +216,13 @@ form th {
 	background: #f95c20 !important;
 }
 
+.switch.active {
+	background-color: #0062be;
+}
+.switch.active:hover {
+	background-image: url("./icons/disabled-light.svg");
+}
+
 .nav-list .nav-header {
 	padding: 0 10px;
 	font-weight: bold;
@@ -417,10 +416,6 @@ form th {
 .content {
 	padding: 20px 10px;
 }
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
 .content hr {
 	margin: 30px 10px;
 	background: #e3e3e3;
@@ -1004,10 +999,6 @@ form th {
 		width: 85%;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	#panel .close,
 .dropdown-menu .toggle_aside {
 		background: #22303d;
@@ -1173,3 +1164,5 @@ button.as-link {
 #slider .form-group:hover {
 	background: initial;
 }
+
+/*# sourceMappingURL=swage.css.map */
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index d71d9a653..b39cf7391 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/p/themes/Swage/swage.rtl.css
@@ -38,14 +38,6 @@ select:invalid {
 	clear: both;
 }
 
-.switch.active {
-	background-color: #0062be;
-}
-
-.switch.active:hover {
-	background-image: url('./icons/disabled-light.svg');
-}
-
 #nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds {
 	width: 231px;
 }
@@ -224,6 +216,13 @@ form th {
 	background: #f95c20 !important;
 }
 
+.switch.active {
+	background-color: #0062be;
+}
+.switch.active:hover {
+	background-image: url("./icons/disabled-light.svg");
+}
+
 .nav-list .nav-header {
 	padding: 0 10px;
 	font-weight: bold;
@@ -417,10 +416,6 @@ form th {
 .content {
 	padding: 20px 10px;
 }
-.content .pagination {
-	margin: 0;
-	padding: 0;
-}
 .content hr {
 	margin: 30px 10px;
 	background: #e3e3e3;
@@ -1004,10 +999,6 @@ form th {
 		width: 85%;
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	#panel .close,
 .dropdown-menu .toggle_aside {
 		background: #22303d;
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 6feb294b2..97c6228f0 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -274,6 +274,14 @@ form {
 	}
 }
 
+.switch.active {
+	background-color: #0062be;
+
+	&:hover {
+		background-image: url('./icons/disabled-light.svg');
+	}
+}
+
 .nav-list {
 	.nav-header {
 
@@ -519,11 +527,6 @@ form {
 .content {
 	padding: 20px 10px;
 
-	.pagination {
-		margin: 0;
-		padding: 0;
-	}
-
 	hr {
 		margin: 30px 10px;
 		background: color.adjust( $color_light, $lightness: -10%);
@@ -1242,10 +1245,6 @@ form {
 		}
 	}
 
-	.pagination {
-		margin: 0 0 3.5em;
-	}
-
 	#panel .close,
 	.dropdown-menu .toggle_aside {
 		background: $color_aside;
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index 2aa48e74b..d4a052860 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -608,8 +608,12 @@ input[type="checkbox"]:focus-visible {
 }
 
 /*=== Pagination */
-.pagination {
+.nav-pagination {
 	margin: 2em auto;
+}
+
+.pagination {
+	margin: 0;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
@@ -1526,7 +1530,8 @@ input:checked + .slide-container .properties {
 /*===========*/
 .log-error,
 .log-warning,
-.log-notice {
+.log-notice,
+.log-debug {
 	text-align: center;
 }
 
diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css
index 611692692..eff8ad044 100644
--- a/p/themes/base-theme/template.rtl.css
+++ b/p/themes/base-theme/template.rtl.css
@@ -608,8 +608,12 @@ input[type="checkbox"]:focus-visible {
 }
 
 /*=== Pagination */
-.pagination {
+.nav-pagination {
 	margin: 2em auto;
+}
+
+.pagination {
+	margin: 0;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
@@ -1526,7 +1530,8 @@ input:checked + .slide-container .properties {
 /*===========*/
 .log-error,
 .log-warning,
-.log-notice {
+.log-notice,
+.log-debug {
 	text-align: center;
 }
 
diff --git a/p/themes/icons/debug.svg b/p/themes/icons/debug.svg
new file mode 100644
index 000000000..e37b1fcb7
--- /dev/null
+++ b/p/themes/icons/debug.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16">
+  <path fill="#666" d="M3.058 13.939c-.179-.179-.185-.213-.14-.72.097-1.069.412-1.783 1.095-2.483.458-.47.458-.47.29-.915a6.82 6.82 0 0 1-.256-.898c-.09-.451-.09-.451-1.526-.451-1.402 0-1.439-.004-1.549-.161a.5.5 0 0 1 0-.62c.11-.158.147-.162 1.552-.162 1.44 0 1.44 0 1.488-.308.06-.38.2-.875.347-1.224.11-.264.11-.264-.347-.733-.682-.699-.997-1.414-1.093-2.481-.046-.508-.04-.543.139-.721.206-.206.34-.23.579-.104.23.12.265.201.266.608.002.731.391 1.72.845 2.146.156.147.156.147.669-.276.428-.354.512-.46.514-.646.008-.657.48-1.348 1.147-1.675 1.253-.616 2.695.183 2.89 1.6.037.27.094.368.307.53.144.108.363.305.487.437.224.241.224.241.532-.092.432-.47.724-1.127.772-1.744.058-.736.08-.8.314-.896.264-.11.482-.046.633.185.092.14.106.28.068.67a4.08 4.08 0 0 1-1.14 2.5c-.411.431-.411.431-.244.876.092.244.208.648.256.896.09.452.09.452 1.526.452 1.402 0 1.439.004 1.549.161a.5.5 0 0 1 0 .62c-.11.158-.147.162-1.546.162-1.434 0-1.434 0-1.56.584-.068.322-.185.725-.26.897-.133.313-.133.313.325.783.674.691.989 1.395 1.092 2.444.04.406.027.544-.066.686-.151.23-.37.295-.633.185-.234-.097-.256-.16-.314-.896a3.027 3.027 0 0 0-.772-1.744c-.307-.333-.307-.333-.61-.018-1.45 1.515-3.662 1.572-5.2.133-.474-.444-.474-.444-.78-.113a3.026 3.026 0 0 0-.77 1.742c-.057.723-.079.792-.285.886-.274.125-.383.106-.591-.102z"/>
+</svg>