From a9b914f6e16046da8ae2bd4bc07a386dff0f5c2b Mon Sep 17 00:00:00 2001
From: Hemang Kumar <hemangsk@gmail.com>
Date: Thu, 9 Jan 2025 14:20:17 +0530
Subject: [PATCH] task, task-deadline-form: Readjust stylings for btn and label

---
 .../src/components/task/task-deadline-form.js  | 18 ++++++++++++++++--
 frontend/src/components/task/task.js           |  6 ------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/task/task-deadline-form.js b/frontend/src/components/task/task-deadline-form.js
index 0b6092b4..f2681c91 100644
--- a/frontend/src/components/task/task-deadline-form.js
+++ b/frontend/src/components/task/task-deadline-form.js
@@ -2,6 +2,7 @@ import React, { Component } from 'react'
 import PropTypes from 'prop-types'
 import { injectIntl, defineMessages, FormattedMessage } from 'react-intl'
 import MomentComponent from 'moment'
+import { withStyles } from '@material-ui/core/styles'
 
 import {
   CardMedia,
@@ -37,6 +38,19 @@ const messages = defineMessages({
   },
 })
 
+const styles = theme => ({
+  btnClearDeadline: {
+    float: 'left',
+    marginTop: 10,
+    color: theme.palette.error.main,
+    borderColor: theme.palette.error.main
+  },
+  dayLabel: {
+    marginTop: 0,
+    marginLeft: '2em'
+  }
+})
+
 class TaskDeadlineForm extends Component {
   constructor(props) {
     super(props)
@@ -142,7 +156,7 @@ class TaskDeadlineForm extends Component {
               <FormControl fullWidth>
                 <FormattedMessage id='task.status.deadline.day.label' defaultMessage='Day'>
                   {(msg) => (
-                    <InputLabel htmlFor='adornment-date'>{msg}</InputLabel>
+                    <InputLabel htmlFor='adornment-date' className={classes.dayLabel}>{msg}</InputLabel>
                   )}
                 </FormattedMessage>
                 <FormattedMessage id='task.status.deadline.day.insert.label' defaultMessage='Choose a date'>
@@ -193,4 +207,4 @@ TaskDeadlineForm.propTypes = {
   task: PropTypes.object
 }
 
-export default injectIntl(TaskDeadlineForm)
+export default injectIntl(withStyles(styles)(TaskDeadlineForm))
diff --git a/frontend/src/components/task/task.js b/frontend/src/components/task/task.js
index ff6c99e9..c5748070 100644
--- a/frontend/src/components/task/task.js
+++ b/frontend/src/components/task/task.js
@@ -133,12 +133,6 @@ const styles = theme => ({
     marginTop: 10,
     color: 'white'
   },
-  btnClearDeadline: {
-    float: 'left',
-    marginTop: 10,
-    color: theme.palette.error.main,
-    borderColor: theme.palette.error.main
-  },
   avatar: {
     width: 40,
     height: 40,