From 7c7994c63f97b6b0042ba83e51396a20e98f585a Mon Sep 17 00:00:00 2001
From: David Ralph <me@davidjcralph.co.uk>
Date: Thu, 18 Nov 2021 14:49:20 +0000
Subject: [PATCH] fix: greeting date picker, addons sort dropdown

---
 src/components/modals/main/scss/marketplace/_main.scss    | 6 ++++++
 src/components/modals/main/settings/Dropdown.jsx          | 2 +-
 src/components/modals/main/settings/sections/Greeting.jsx | 4 ++--
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/modals/main/scss/marketplace/_main.scss b/src/components/modals/main/scss/marketplace/_main.scss
index ab8a8c75..148b60f2 100644
--- a/src/components/modals/main/scss/marketplace/_main.scss
+++ b/src/components/modals/main/scss/marketplace/_main.scss
@@ -121,3 +121,9 @@ p.author {
   max-width: 250px;
   overflow-x: hidden;
 }
+
+@media (max-height: 1080px) { 
+  .dropdownsortAddons {
+    margin-top: 40px !important;
+  }
+}
diff --git a/src/components/modals/main/settings/Dropdown.jsx b/src/components/modals/main/settings/Dropdown.jsx
index d59b84fd..c4b63666 100644
--- a/src/components/modals/main/settings/Dropdown.jsx
+++ b/src/components/modals/main/settings/Dropdown.jsx
@@ -50,7 +50,7 @@ export default class Dropdown extends PureComponent {
     const label = this.props.label || '';
 
     return (
-      <FormControl fullWidth>
+      <FormControl fullWidth className={id}>
         <InputLabel id={id}>{label}</InputLabel>
         <Select labelId={id} id={this.props.name} value={this.state.value} label={label} onChange={this.onChange} ref={this.dropdown} key={id}>
           {this.props.manual ? this.props.children : this.props.children.map((e, index) => {
diff --git a/src/components/modals/main/settings/sections/Greeting.jsx b/src/components/modals/main/settings/sections/Greeting.jsx
index 3739654c..6b78f377 100644
--- a/src/components/modals/main/settings/sections/Greeting.jsx
+++ b/src/components/modals/main/settings/sections/Greeting.jsx
@@ -15,10 +15,10 @@ export default class GreetingSettings extends PureComponent {
   }
 
   changeDate = (e) => {
-    localStorage.setItem('birthday', e.target.value);
+    localStorage.setItem('birthday', e.target.value || new Date());
 
     this.setState({
-      birthday: new Date(e.target.value)
+      birthday: e.target.value ? new Date(e.target.value) : new Date()
     });
   }