Merge pull request #30 from topcoder-platform/issues-490

Issues-490: Move edit to comment block

Author: jmgasper

design/custom.css

@@ -17,4 +17,10 @@
   border: 1px solid $global-color_primary;
   color: white;
   width: 100%;
+}
+
+
+.ReactButton.Quote {
+  vertical-align: inherit;
+  margin: 0 0;
 }

design/custom.css.map

@@ -157,7 +157,7 @@
     .MessageList.DataList.Comments {
       li.Item {
         .PhotoWrap {
-          left: 0;
+         // left: 0;
         }
 
         .AuthorWrap {

src/scss/base/_button.scss

@@ -2,4 +2,32 @@
   .ItemContent {
     margin-left: #{$component-horizontal_padding};
   }
-}
+}
+
+.MessageList {
+  .ItemDiscussion , .ItemComment {
+    .Item-Body {
+       .Controls {
+         a {
+           color: $global-blue;
+         }
+         .MiddleDot{
+           margin: 0px 8px;
+           font-weight: bold;
+         }
+         .left {
+           text-align: left;
+         }
+         .center {
+           text-align: center;
+         }
+
+         .right {
+           text-align: right;
+         }
+       }
+
+    }
+  }
+
+}