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

@@ -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'
 		}
 	]

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;
+}

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