Merge pull request #3307 from PrakashDurlabhji/issue_3206

issue #3206 fix

Author: maxceem

src/components/ProjectStatus/ProjectStatus.scss

@@ -45,6 +45,17 @@
       }
     }
 
+    .dropdown-wrap {
+      .status-header {
+        &.status-active {
+          &.editable {
+            display: flex;
+            justify-content: center;
+          }
+        }
+      }
+    }
+
     .status-label {
       vertical-align: top;
     }

src/components/ProjectStatus/ProjectStatusChangeConfirmation.jsx

@@ -79,7 +79,7 @@ class ProjectStatusChangeConfirmation extends Component {
     const { newStatus, onCancel } = this.props
     this.shouldDropdownUp()
     return (
-      <div className={cn('modal', 'project-status-change-modal', { 'dropdown-up': this.state.showUp })}
+      <div className={cn('modal', 'project-status-change-modal')}
         ref={(input) => { if (input && ! this.wrapper){this.wrapper = input; this.setState({showUp:this.shouldDropdownUp()}) }}}
         onClick={e => e.stopPropagation()}
       >

src/components/ProjectStatus/ProjectStatusChangeConfirmation.scss

@@ -10,7 +10,6 @@
     z-index: 20;
 
     &.modal{
-      position: absolute;
     }
 
     .cancellation-reason {
@@ -35,11 +34,11 @@
         width: 100%;
       }
     }
-  
+
     &.dropdown-up {
       top: auto;
       bottom: 320px;
     }
   }
 }
-  
+