Improved: Cleanup CSS of ".log" (#4594)

* themes css

* Log Level CSS class improved

* SCSS

* RTL CSS

4 files changed, 12 insertions, 72 deletions

diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index 2c40e28d8..8fa2a33b6 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -800,37 +800,6 @@ a.btn {
 	text-align: center;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-}
-
-.log.warning {
-}
-
-.log.notice {
-}
-
-.log.debug {
-}
-
 /*=== MOBILE */
 /*===========*/
 
diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css
index 190fe0b89..dc10f3c53 100644
--- a/p/themes/base-theme/base.rtl.css
+++ b/p/themes/base-theme/base.rtl.css
@@ -800,37 +800,6 @@ a.btn {
 	text-align: center;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-}
-
-.log.warning {
-}
-
-.log.notice {
-}
-
-.log.debug {
-}
-
 /*=== MOBILE */
 /*===========*/
 
diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css
index cab0719f0..b2ed62445 100644
--- a/p/themes/base-theme/template.css
+++ b/p/themes/base-theme/template.css
@@ -710,7 +710,7 @@ input[type="checkbox"]:focus-visible {
 }
 
 .pagination {
-	margin: 0;
+	margin: 0 auto;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
@@ -1698,13 +1698,14 @@ input:checked + .slide-container .properties {
 
 /*=== DIVERS */
 /*===========*/
-.log-error,
-.log-warning,
-.log-notice,
-.log-debug {
+.log-level {
 	text-align: center;
 }
 
+.log-item.log-error {
+	background-color: #bd362f44;
+}
+
 .item.share.error a::after,
 .category .title.error::before,
 .item.feed.error .item-title::before {
diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css
index 2dfe58afe..e6d02e2bc 100644
--- a/p/themes/base-theme/template.rtl.css
+++ b/p/themes/base-theme/template.rtl.css
@@ -710,7 +710,7 @@ input[type="checkbox"]:focus-visible {
 }
 
 .pagination {
-	margin: 0;
+	margin: 0 auto;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
@@ -1698,13 +1698,14 @@ input:checked + .slide-container .properties {
 
 /*=== DIVERS */
 /*===========*/
-.log-error,
-.log-warning,
-.log-notice,
-.log-debug {
+.log-level {
 	text-align: center;
 }
 
+.log-item.log-error {
+	background-color: #bd362f44;
+}
+
 .item.share.error a::after,
 .category .title.error::before,
 .item.feed.error .item-title::before {