Begin fixing of Origine theme

See https://github.com/marienfressinaud/FreshRSS/issues/634

2 files changed, 26 insertions, 25 deletions

diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index b25deab0c..c46f72bf8 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -498,6 +498,22 @@ a.btn {
 	visibility: visible;
 }
 
+/*=== Tree */
+.tree {
+	margin: 10px 0;
+}
+.tree-folder-title {
+	padding: 0 10px;
+	line-height: 2.5rem;
+	font-size: 1.2rem;
+	font-weight: bold;
+}
+.tree-folder-items .item {
+	padding: 0 5px 0 20px;
+	line-height: 2.5rem;
+	font-size: 0.8rem;
+}
+
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
@@ -538,28 +554,21 @@ a.btn {
 }
 .aside.aside_flux {
 	padding: 10px 0 50px;
+	text-align: center;
 }
 
 /*=== Aside main page (categories) */
-.categories {
-	text-align: center;
-}
-.category {
-	width: 235px;
-	margin: 10px auto;
+.aside.aside_flux .tree {
 	text-align: left;
 }
-.category .btn:first-child {
+.aside_flux .tree-folder-title {
 	position: relative;
-	width: 213px;
-}
-.category.stick .btn:first-child {
-	width: 176px;
+	margin: 5px 0;
 }
-.category .btn:first-child:not([data-unread="0"]):after {
+.aside_flux .tree-folder-title > a:not([data-unread="0"]):after {
 	position: absolute;
 	top: 3px; right: 3px;
-	padding: 1px 5px;
+	padding: 0 5px;
 	background: #ccc;
 	color: #fff;
 	border: 1px solid #bbb;
diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index 3b79a0822..bd01a5d70 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -404,25 +404,17 @@ a.btn {
 }
 .aside.aside_flux {
 	padding: 10px 0 50px;
+	text-align: center;
 }
 
 /*=== Aside main page (categories) */
-.categories {
-	text-align: center;
-}
-.category {
-	width: 235px;
-	margin: 10px auto;
+.aside.aside_flux .tree {
 	text-align: left;
 }
-.category .btn:first-child {
+.aside_flux .tree-folder-title {
 	position: relative;
-	width: 213px;
-}
-.category.stick .btn:first-child {
-	width: 176px;
 }
-.category .btn:first-child:not([data-unread="0"]):after {
+.aside_flux .tree-folder-title > a:not([data-unread="0"]):after {
 	position: absolute;
 	top: 3px; right: 3px;
 	padding: 1px 5px;