Fix: origine compact theme: line height (#4787)

* fix

* Origine

* Origine compact

4 files changed, 50 insertions, 38 deletions

diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index 0ab53f616..6d2205a68 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/p/themes/Origine-compact/origine-compact.css
@@ -5,7 +5,7 @@
 input, select, textarea {
 	padding: 3px 5px 2px 5px;
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 2;
 }
 
 /*=== COMPONENTS */
@@ -25,12 +25,13 @@ input, select, textarea {
 	margin: 0;
 	padding: 5px 10px;
 	min-height: 32px;
+	line-height: 1.4;
 }
 
 a.btn,
 .stick .btn {
 	min-height: 20px;
-	line-height: 20px;
+	line-height: 1.4;
 }
 
 /*=== Navigation */
@@ -41,7 +42,7 @@ a.btn,
 }
 
 .horizontal-list .item {
-	line-height: 30px;
+	line-height: 2.2;
 }
 
 .horizontal-list .item .item-element {
@@ -60,12 +61,12 @@ a.btn,
 /*=== Tree */
 .tree-folder-title {
 	padding: 0 5px;
-	line-height: 2rem;
+	line-height: 2.2;
 	font-size: 0.9rem;
 }
 
 .tree-folder-items > .item {
-	line-height: 2.2rem;
+	line-height: 2.4;
 }
 
 /*=== STRUCTURE */
@@ -83,7 +84,7 @@ a.btn,
 .header .item.search .btn {
 	min-height: 18px;
 	padding: 4px 10px;
-	line-height: 18px;
+	line-height: 1.4;
 }
 
 .header > .item.title .logo {
@@ -112,7 +113,7 @@ a.btn,
 /*=== Day indication */
 .day {
 	font-size: 0.9rem;
-	line-height: 2em;
+	line-height: 2;
 }
 
 .day .name {
@@ -188,7 +189,7 @@ a.btn,
 
 /*=== Navigation menu (for articles) */
 #nav_entries {
-	line-height: 2.2em;
+	line-height: 2.2;
 }
 
 /*=== READER VIEW */
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index c93cbfc6b..8e949ba51 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/p/themes/Origine-compact/origine-compact.rtl.css
@@ -5,7 +5,7 @@
 input, select, textarea {
 	padding: 3px 5px 2px 5px;
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 2;
 }
 
 /*=== COMPONENTS */
@@ -25,12 +25,13 @@ input, select, textarea {
 	margin: 0;
 	padding: 5px 10px;
 	min-height: 32px;
+	line-height: 1.4;
 }
 
 a.btn,
 .stick .btn {
 	min-height: 20px;
-	line-height: 20px;
+	line-height: 1.4;
 }
 
 /*=== Navigation */
@@ -41,7 +42,7 @@ a.btn,
 }
 
 .horizontal-list .item {
-	line-height: 30px;
+	line-height: 2.2;
 }
 
 .horizontal-list .item .item-element {
@@ -60,12 +61,12 @@ a.btn,
 /*=== Tree */
 .tree-folder-title {
 	padding: 0 5px;
-	line-height: 2rem;
+	line-height: 2.2;
 	font-size: 0.9rem;
 }
 
 .tree-folder-items > .item {
-	line-height: 2.2rem;
+	line-height: 2.4;
 }
 
 /*=== STRUCTURE */
@@ -83,7 +84,7 @@ a.btn,
 .header .item.search .btn {
 	min-height: 18px;
 	padding: 4px 10px;
-	line-height: 18px;
+	line-height: 1.4;
 }
 
 .header > .item.title .logo {
@@ -112,7 +113,7 @@ a.btn,
 /*=== Day indication */
 .day {
 	font-size: 0.9rem;
-	line-height: 2em;
+	line-height: 2;
 }
 
 .day .name {
@@ -188,7 +189,7 @@ a.btn,
 
 /*=== Navigation menu (for articles) */
 #nav_entries {
-	line-height: 2.2em;
+	line-height: 2.2;
 }
 
 /*=== READER VIEW */
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index f0a7d96bc..1359e485a 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -265,7 +265,7 @@ form th {
 	border-radius: 3px;
 	min-height: 37px;
 	min-width: 15px;
-	line-height: 25px;
+	line-height: 1.7;
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
@@ -274,7 +274,7 @@ form th {
 a.btn,
 .stick .btn {
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 1.7;
 }
 
 .btn:hover {
@@ -354,7 +354,7 @@ a:hover .icon {
 .nav-list .nav-header,
 .nav-list .item {
 	height: 2.5em;
-	line-height: 2.5em;
+	line-height: 2.5;
 	font-size: 0.9rem;
 }
 
@@ -447,7 +447,7 @@ a:hover .icon {
 .dropdown-menu > .item > span,
 .dropdown-menu > .item > .as-link {
 	padding: 0 22px;
-	line-height: 2.5em;
+	line-height: 2.5;
 	font-size: 0.8rem;
 }
 
@@ -567,8 +567,9 @@ a:hover .icon {
 }
 
 .box .box-content .item {
+	padding: 0.5rem 0 0.25rem 0;
 	font-size: 0.9rem;
-	line-height: 2.5em;
+	line-height: 1.5;
 }
 
 /*=== Tree */
@@ -580,7 +581,7 @@ a:hover .icon {
 	position: relative;
 	padding: 0 10px;
 	background-color: var(--background-color-light);
-	line-height: 2.5rem;
+	line-height: 2.5;
 	font-size: 1rem;
 }
 
@@ -614,7 +615,7 @@ a:hover .icon {
 
 .tree-folder-items > .item {
 	padding: 0 10px;
-	line-height: 2.5rem;
+	line-height: 3.125;
 	font-size: 0.8rem;
 }
 
@@ -794,11 +795,15 @@ a:hover .icon {
 .day {
 	padding: 0 10px;
 	font-weight: bold;
-	line-height: 3em;
+	line-height: 3;
 	background-color: var(--background-color-light);
 	border-top: 1px solid var(--border-color);
 }
 
+.day span {
+	line-height: 1.5;
+}
+
 #new-article + .day {
 	border-top: none;
 }
@@ -960,7 +965,7 @@ a:hover .icon {
 
 .notification a.close {
 	padding: 0 15px;
-	line-height: 3em;
+	line-height: 3;
 }
 
 .notification a.close:hover .icon {
@@ -976,7 +981,7 @@ a:hover .icon {
 }
 
 .notification#actualizeProgress {
-	line-height: 2em;
+	line-height: 2;
 }
 
 /*=== "Load more" part */
@@ -1003,7 +1008,7 @@ a:hover .icon {
 	background-color: var(--background-color-light);
 	border-top: 1px solid var(--border-color);
 	text-align: center;
-	line-height: 3em;
+	line-height: 3;
 	table-layout: fixed;
 }
 
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index 88724a6ef..64efd89ae 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -265,7 +265,7 @@ form th {
 	border-radius: 3px;
 	min-height: 37px;
 	min-width: 15px;
-	line-height: 25px;
+	line-height: 1.7;
 	vertical-align: middle;
 	cursor: pointer;
 	overflow: hidden;
@@ -274,7 +274,7 @@ form th {
 a.btn,
 .stick .btn {
 	min-height: 25px;
-	line-height: 25px;
+	line-height: 1.7;
 }
 
 .btn:hover {
@@ -354,7 +354,7 @@ a:hover .icon {
 .nav-list .nav-header,
 .nav-list .item {
 	height: 2.5em;
-	line-height: 2.5em;
+	line-height: 2.5;
 	font-size: 0.9rem;
 }
 
@@ -447,7 +447,7 @@ a:hover .icon {
 .dropdown-menu > .item > span,
 .dropdown-menu > .item > .as-link {
 	padding: 0 22px;
-	line-height: 2.5em;
+	line-height: 2.5;
 	font-size: 0.8rem;
 }
 
@@ -567,8 +567,9 @@ a:hover .icon {
 }
 
 .box .box-content .item {
+	padding: 0.5rem 0 0.25rem 0;
 	font-size: 0.9rem;
-	line-height: 2.5em;
+	line-height: 1.5;
 }
 
 /*=== Tree */
@@ -580,7 +581,7 @@ a:hover .icon {
 	position: relative;
 	padding: 0 10px;
 	background-color: var(--background-color-light);
-	line-height: 2.5rem;
+	line-height: 2.5;
 	font-size: 1rem;
 }
 
@@ -614,7 +615,7 @@ a:hover .icon {
 
 .tree-folder-items > .item {
 	padding: 0 10px;
-	line-height: 2.5rem;
+	line-height: 3.125;
 	font-size: 0.8rem;
 }
 
@@ -794,11 +795,15 @@ a:hover .icon {
 .day {
 	padding: 0 10px;
 	font-weight: bold;
-	line-height: 3em;
+	line-height: 3;
 	background-color: var(--background-color-light);
 	border-top: 1px solid var(--border-color);
 }
 
+.day span {
+	line-height: 1.5;
+}
+
 #new-article + .day {
 	border-top: none;
 }
@@ -960,7 +965,7 @@ a:hover .icon {
 
 .notification a.close {
 	padding: 0 15px;
-	line-height: 3em;
+	line-height: 3;
 }
 
 .notification a.close:hover .icon {
@@ -976,7 +981,7 @@ a:hover .icon {
 }
 
 .notification#actualizeProgress {
-	line-height: 2em;
+	line-height: 2;
 }
 
 /*=== "Load more" part */
@@ -1003,7 +1008,7 @@ a:hover .icon {
 	background-color: var(--background-color-light);
 	border-top: 1px solid var(--border-color);
 	text-align: center;
-	line-height: 3em;
+	line-height: 3;
 	table-layout: fixed;
 }