From c1ef3e3528607127ba6f079c3d9cc8d70c79ad05 Mon Sep 17 00:00:00 2001
From: David Ralph <ohlookitsderpy@protonmail.com>
Date: Mon, 24 May 2021 11:43:38 +0100
Subject: [PATCH] fix: small modal and marketplace css fixes

---
 src/components/modals/main/marketplace/Item.jsx        | 2 +-
 src/components/modals/main/scss/index.scss             | 1 +
 src/components/modals/main/scss/marketplace/_main.scss | 4 ++++
 src/components/modals/main/settings/sections/Time.jsx  | 2 +-
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/modals/main/marketplace/Item.jsx b/src/components/modals/main/marketplace/Item.jsx
index af5d7507..52a853ee 100644
--- a/src/components/modals/main/marketplace/Item.jsx
+++ b/src/components/modals/main/marketplace/Item.jsx
@@ -50,7 +50,7 @@ export default class Item extends React.PureComponent {
         <br/>
         {iconsrc ? <img alt='product' draggable='false' src={iconsrc} onClick={() => this.setState({ showLightbox: true })}/> : null}
         <div className='informationContainer'>
-          <h1>{language.overview}</h1>
+          <h1 className='overview'>{language.overview}</h1>
           <p className='description' dangerouslySetInnerHTML={{ __html: this.props.data.description }}></p>
             <div className='productInformation'>
               <ul>
diff --git a/src/components/modals/main/scss/index.scss b/src/components/modals/main/scss/index.scss
index d04f0a6b..7d85aee9 100644
--- a/src/components/modals/main/scss/index.scss
+++ b/src/components/modals/main/scss/index.scss
@@ -326,6 +326,7 @@ li {
 
 ::-webkit-scrollbar {
   width: 6px;
+  height: 6px;
   border-top-right-radius: map-get($modal, 'border-radius');
   border-bottom-right-radius: map-get($modal, 'border-radius');
 }
diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss
index 74b9824c..07843b48 100644
--- a/src/components/modals/main/scss/marketplace/_main.scss
+++ b/src/components/modals/main/scss/marketplace/_main.scss
@@ -211,3 +211,7 @@ p.description {
     text-shadow: 0 0 20px rgb(0 0 0 / 30%);
   }
 }
+
+.overview {
+  font-size: 30px !important;
+}
diff --git a/src/components/modals/main/settings/sections/Time.jsx b/src/components/modals/main/settings/sections/Time.jsx
index e0f6bf82..ae6ca8a3 100644
--- a/src/components/modals/main/settings/sections/Time.jsx
+++ b/src/components/modals/main/settings/sections/Time.jsx
@@ -104,7 +104,7 @@ export default class TimeSettings extends React.PureComponent {
         {timeSettings}
         {this.state.timeType !== 'analogue' ? 
           <Slider title={window.language.modals.main.settings.sections.appearance.accessibility.widget_zoom} name='zoomClock' min='10' max='400' default='100' display='%' category='clock' element='.clock-container' />
-        : null }
+        : null}
 
         <h3>{time.date.title}</h3>
         <Switch name='date' text={this.language.enabled} category='date' element='.date'/>