Fix styles

Author: gondzo

src/components/ActionCard/ActionCard.scss

@@ -14,6 +14,12 @@
     padding: $base-unit*2 $base-unit*6;
   }
 
+  .Dropdown li:not(:last-child) {
+    a {
+      border-bottom: 1px solid $tc-gray-10;
+      display: block;
+    }
+  }
     .edit-toggle-container {
       display: inline;
       float: right;
@@ -39,16 +45,29 @@
       }
       .dropdown-menu-list a{
         text-decoration:none;
+        font-weight:400;
+        padding:0px;
+        &:hover{
+        background:transparent;
+        }
+      }
+      .dropdown-menu-list li{
+        padding:0px 20px 0 20px;
+        &:hover{
+          background:$tc-gray-10;
+        }
       }
 
+      
+
       .pointer-shadow .dropdown-menu-list{
         transform:translate(-50%,0%);
       }
       .pointer-shadow .dropdown-menu-list::before {
           content: '';
           display: block;
           position: absolute;
-          top: -3px;
+          top: -6px;
           right:14px;
           margin-left:-24px;
           width: 12px;
@@ -207,6 +226,7 @@
     margin-bottom: -10px;
     width: calc(100% - 40px);
 
+
     &.self {
       background: $tc-dark-blue-10;
 
@@ -232,6 +252,11 @@
     }
   }
 
+  .commentEdit{
+    padding-left:0px;
+    padding-right:0px;
+  }
+
   .comment-form {
     textarea,
     input {
@@ -657,4 +682,8 @@
 
 .action-area{
   margin-top:45px;
+}
+
+.dropdownContainer{
+  display:inline;
 }

src/components/ActionCard/CommentEditToggle.jsx

@@ -36,7 +36,7 @@ export default class CommentEditToggle extends React.Component {
     const editOptions = {label:this.props.forTopic ? 'Edit post' : 'Edit comment', val:'1'}
     const deleteOptions = {label:this.props.forTopic ? 'Delete post' : 'Delete comment', val:'2'}
     return (
-    <div>
+    <div className="dropdownContainer">
       <Dropdown pointerShadow className="drop-down edit-toggle-container">
         <div className={cn('dropdown-menu-header', 'edit-toggle', {'for-topic': this.props.forTopic})} >
         </div>

src/components/RichTextArea/RichTextArea.jsx

@@ -193,7 +193,7 @@ class RichTextArea extends React.Component {
           <div className="portrait">
             <Avatar avatarUrl={avatarUrl} userName={authorName} />
           </div>
-          <div className={cn('object', {comment: disableTitle})}>
+          <div className={cn('object', {comment: disableTitle}, 'commentEdit')}>
             <input
               ref="title" value={titleValue}
               className={cn('new-post-title', {'hide-title': disableTitle})}
@@ -237,17 +237,17 @@ class RichTextArea extends React.Component {
                 </div>
                 <div className="tc-btns">
                 { editMode && !isCreating &&
-                <button className="tc-btn-link" onClick={this.cancelEdit}>
+                <button className="tc-btn-link postActionButton" onClick={this.cancelEdit}>
                   Cancel
                 </button>
                 }
                 { editMode &&
-                <button className="tc-btn tc-btn-primary tc-btn-sm" onClick={this.onPost} disabled={!canSubmit }>
+                <button className="tc-btn tc-btn-primary tc-btn-sm postActionButton" onClick={this.onPost} disabled={!canSubmit }>
                   { isCreating ? 'Saving...' : 'Save changes' }
                 </button>
                 }
                 { !editMode &&
-                <button className="tc-btn tc-btn-primary tc-btn-sm" onClick={this.onPost} disabled={!canSubmit }>
+                <button className="tc-btn tc-btn-primary tc-btn-sm postActionButton" onClick={this.onPost} disabled={!canSubmit }>
                   { isCreating ? 'Posting...' : 'Post' }
                 </button>
                 }

src/components/RichTextArea/RichTextArea.scss

@@ -29,4 +29,8 @@
 
 .hide-title {
   display: none !important;
+}
+
+.postActionButton{
+  font-size:13px;
 }

src/projects/detail/containers/FeedContainer.js

@@ -74,7 +74,7 @@ class FeedView extends React.Component {
   // Notify user if they navigate away while the form is modified.
   onLeave(e) {
     if (this.isChanged()) {
-      return e.returnValue = 'You haven\'t saved your edits. Leaving this page would discard all edits. Are you sure you want to leave?'
+      return e.returnValue = 'You haven\'t posted your message. If you leave this page, your message will not be saved. Are you sure you want to leave?'
     }
   }
 

src/projects/detail/containers/MessagesContainer.js

@@ -79,7 +79,7 @@ class MessagesView extends React.Component {
   // Notify user if they navigate away while the form is modified.
   onLeave(e) {
     if (this.isChanged()) {
-      return e.returnValue = 'You haven\'t saved your edits. Leaving this page would discard all edits. Are you sure you want to leave?'
+      return e.returnValue = 'You haven\'t posted your message. If you leave this page, your message will not be saved. Are you sure you want to leave?'
     }
   }