fix feature comments css

src/components/Feature/Detail/FeatureComments.vue

@@ -57,7 +57,8 @@
                       class="paperclip fitted icon"
                       aria-hidden="true"
                     />
-                    {{ event.related_comment.attachment.title }}</a>
+                    {{ event.related_comment.attachment.title }}
+                  </a>
                 </div>
               </div>
             </div>
@@ -312,3 +313,37 @@ export default {
 
 };
 </script>
+
+<style lang="less" scoped>
+
+.event {
+  margin-bottom: 1em;
+  .content {
+    display: block;
+    flex: 1 1 auto;
+    align-self: stretch;
+    text-align: left;
+    word-wrap: break-word;
+    .summary {
+      margin: 0;
+      font-size: 1em;
+      font-weight: 700;
+      color: #252525;
+      .date {
+        display: inline-block;
+        float: none;
+        font-weight: 400;
+        font-size: .85714286em;
+        font-style: normal;
+        margin: 0 1em 0 .5em;
+        padding: 0;
+        color: rgba(0,0,0,.4);
+      }
+    }
+    .extra.text {
+      margin-left: 107px;
+      margin-top: 0;
+    }
+  }
+}
+</style>
\ No newline at end of file

src/views/Feature/FeatureDetail.vue

@@ -344,16 +344,6 @@ export default {
   min-height: 250px;
   max-height: 70vh;
 }
-#feed-event .event {
-  margin-bottom: 1em;
-}
-#feed-event .event .date {
-  margin-right: 1em !important;
-}
-#feed-event .event .extra.text {
-  margin-left: 107px;
-  margin-top: 0;
-}
 .prewrap {
   white-space: pre-wrap;
 }