hide overflow on date input

xiaorongw · Jun 17, 2020 · 5919e6f · 5919e6f
1 parent 145a41a
commit 5919e6f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -104,18 +104,22 @@ span.today-date {
   border-width: 0.5px;
 }
 
+/* images */
 .emoji {
   /* opacity: 0.7; */
   width: 27px;
   margin-right: 3px;
 }
-
 .today-img {
   width: 70px;
   /* margin-right: 10px; */
 }
-
 .addtask-img {
   width: 22px;
   margin-right: 10px;
+}
+
+.SingleDatePickerInput {
+  border-radius: 5px;
+  overflow: hidden;
 }
diff --git a/src/components/TodoInputComponent.js b/src/components/TodoInputComponent.js
@@ -58,7 +58,7 @@ class TodoInput extends Component {
                 <div className='row'>
                     <div className='col'>
                         <Card body className='task-input'
-                        style={{backgroundColor:'rgba(136, 144, 133, 0.7)', borderColor: 'rgb(235, 236, 231)', marginTop:'10px', borderRadius:'20px'}}>
+                        style={{backgroundColor:'rgba(136, 144, 133, 0.6)', borderColor: 'rgb(235, 236, 231)', marginTop:'10px', borderRadius:'20px'}}>
                             <div className='container'>
                                 <div className='row d-flex justify-content-center align-items-center'>
                                     <div className='col-sm-12 col-lg-1 d-flex justify-content-center align-self-center'>