2 files changed, 100 insertions, 18 deletions

diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index 852d19a29..6270c8608 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -174,7 +174,7 @@
 				td {
 					width: 100%;
 					white-space: nowrap;
-					overflow: hidden;
+					@include legacy-pie-clearfix;
 					text-overflow: ellipsis;
 					padding: 8px 8px 8px 15px;
 					&.td--action {
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index ad31e3eb6..b57c51242 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -182,16 +182,16 @@ body.ios {
 }
 
 #post-list {
-    flex: 1 1 auto;
-    position: relative;
-    overflow-y: hidden;
+	flex: 1 1 auto;
+	position: relative;
+	overflow-y: hidden;
 	.post-list-holder-by-time {
 		background: #fff;
 		overflow-y: scroll;
 		width: 100%;
 		padding: 1em 0 0;
 		position: absolute;
-        height: 100%;
+		height: 100%;
 		-webkit-overflow-scrolling: touch;
 		&::-webkit-scrollbar {
 			width: 0px !important;
@@ -212,6 +212,20 @@ body.ios {
 		.post-list__content {
 			display: table-cell;
 			vertical-align: bottom;
+			div {
+				&:last-child {
+					.post {
+						.post-header {
+							.post-header-col.post-header__reply {
+								.dropdown-menu {
+									top: auto;
+									bottom: 25px;
+								}
+							}
+						}
+					}
+				}
+			}
 		}
 	}
 	.more-messages-text {
@@ -387,16 +401,6 @@ body.ios {
 			}
 		}
 	}
-	&.post--last {
-		.post-header {
-			.post-header-col.post-header__reply {
-				.dropdown-menu {
-					top: auto;
-					bottom: 25px;
-				}
-			}
-		}
-	}
 	.post-create-footer {
 		padding: 0;
 	}
@@ -445,10 +449,10 @@ body.ios {
 		&.post-profile-img__container {
 			float: left;
 			.post-profile-img {
-                width: 36px;
-                height: 36px;
+				width: 36px;
+				height: 36px;
 				margin-right: 10px;
-                vertical-align: inherit;
+				vertical-align: inherit;
 				@include border-radius(50px);
 			}
 		}
@@ -606,3 +610,81 @@ body.ios {
 	font-weight: 600;
 	margin: 0 0 0 -4px;
 }
+
+.attachment {
+    .attachment__content {
+        border-width: 1px;
+        border-style: solid;
+        border-radius: 4px;
+        padding: 2px 5px;
+        margin: 0 0 5px 0;
+    }
+    .attachment__thumb-pretext {
+        border: 0 none;
+        background: transparent;
+    }
+    .attachment__container {
+        border-left-width: 4px;
+        border-left-style: solid;
+        padding: 2px 0 2px 10px;
+        &.attachment__container--good {
+            border-left-color: #00C100;
+        }
+        &.attachment__container--warning {
+            border-left-color: #DEDE01;
+        }
+        &.attachment__container--danger {
+            border-left-color: #E40303;
+        }
+    }
+    .attachment__body {
+        float: left;
+        width: 80%;
+        padding-right: 5px;
+        &.attachment__body--no_thumb {
+            width: 100%;
+        }
+    }
+    .attachment__text p:last-of-type {
+        display: inline-block;
+    }
+    .attachment__thumb-pretext {
+        margin-left: 5px;
+    }
+    .attachment__title {
+        margin: 5px 0;
+        padding: 0;
+        line-height: 16px;
+        font-size: 16px;
+        a {
+            font-size: 16px;
+        }
+    }
+    .attachment__author-icon {
+        @include border-radius(50px);
+        margin-right: 5px;
+        width: 14px;
+        height: 14px;
+    }
+    .attachment__image {
+        max-width: 100%;
+        margin-bottom: 1em;
+    }
+    .attachment__thumb-container {
+        width: 20%;
+        float: right;
+        img {
+            height: 75px;
+            max-width: 100%;
+        }
+    }
+    .attachment___fields {
+        width: 100%;
+        .attachment___field-caption {
+            font-weight: 700;
+        }
+        .attachment___field p {
+            margin: 0;
+        }
+    }
+}
\ No newline at end of file