From 7fe4b7941a5d4bbc488e2cae57e7c2d0f50cc13f Mon Sep 17 00:00:00 2001
From: Simon Mattila <simon.mattila@protonmail.com>
Date: Tue, 24 Sep 2019 10:23:38 +0200
Subject: [PATCH] Small styling tweaks

Changed logo size on front-page, added styling to the expanders as well as slimming down the scrollbars.
---
 src/.vuepress/config/plugins.js |  2 +-
 src/.vuepress/styles/index.scss | 60 +++++++++++++++++++++++++++++++++
 src/help/faq/extensions.md      |  2 --
 3 files changed, 61 insertions(+), 3 deletions(-)

diff --git a/src/.vuepress/config/plugins.js b/src/.vuepress/config/plugins.js
index 5b7d079f..d9c01f56 100644
--- a/src/.vuepress/config/plugins.js
+++ b/src/.vuepress/config/plugins.js
@@ -12,7 +12,7 @@ module.exports = [
 		'container',
 		{
 			type: 'expander',
-			before: info => `<details><summary>${info}</summary>\n`,
+			before: info => `<details class=\"expander_details\"><summary class=\"expander_summary\">${info}</summary>\n`,
 			after: '</details>\n'
 		}
 	]
diff --git a/src/.vuepress/styles/index.scss b/src/.vuepress/styles/index.scss
index 0bbdbcd8..50a7794f 100644
--- a/src/.vuepress/styles/index.scss
+++ b/src/.vuepress/styles/index.scss
@@ -9,3 +9,63 @@
 .custom-block.tip {
 	border-color: #2E84BF !important;
 }
+
+.home .hero img {
+	max-height: 120px !important;
+}
+
+html {
+	overflow-y: scroll;
+}
+
+::-webkit-scrollbar {
+	background-color: #EAECEF;
+	width: 0.5em;
+}
+
+::-webkit-scrollbar-thumb {
+	background-color: #CCCCCC;
+}
+
+::-webkit-scrollbar-thumb:hover {
+	background-color: #A5A5A5;
+}
+
+html {
+	scrollbar-color: #CCCCCC #EAECEF;
+	scrollbar-width: thin;
+}
+
+.expander_details {
+	background-color: #f3f5f7;
+	color: #2E84BF;
+	border-left: 0.5rem solid #2E84BF;
+}
+
+.expander_details strong {
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.expander_details ol {
+	padding: 0 0 1rem 1.5rem;
+	margin-left: 1rem;
+}
+
+.expander_details li {
+	font-weight: 500;
+}
+
+.expander_details ul li {
+	font-weight: 400;
+}
+
+.expander_summary {
+	padding: 1rem 1.5rem;
+}
+
+.expander_summary:focus {
+	outline: none !important;
+}
diff --git a/src/help/faq/extensions.md b/src/help/faq/extensions.md
index e352f015..2ba4e0c5 100644
--- a/src/help/faq/extensions.md
+++ b/src/help/faq/extensions.md
@@ -72,7 +72,6 @@ Be aware that Batoto is deprecated so you will need to migrate from that source
 :::
 
 ::: expander <strong>Click to expand!</strong>
-::: tip
 1. Batoto
 2. Mangahere
 3. Mangafox
@@ -90,7 +89,6 @@ Be aware that Batoto is deprecated so you will need to migrate from that source
 Some extensions contain multiple sources, look at the list below to find out which extension to install for the specific source that you want.
 
 ::: expander <strong>Click to expand!</strong>
-::: tip
 1. Comicake
    - Whim Scans
    - Champion Scans