1 files changed, 59 insertions, 16 deletions

diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 4376b43a4..81cc311e1 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -1,3 +1,5 @@
+@charset "UTF-8";
+
 .custom-textarea {
 	white-space:pre-wrap;
 	word-wrap:break-word;
@@ -367,12 +369,8 @@ body.ios {
 		}
 	}
 
-    &.post--highlight {
-        background-color: beige;
-    }
-
-	&.post--system .post__header .col__name {
-		display: none;
+	&.post--highlight {
+		background-color: beige;
 	}
 
 	ul {
@@ -549,7 +547,23 @@ body.ios {
 			position: absolute;
 			right: 0;
 			top: 30px;
-			width: 60px;
+			width: 65px;
+		}
+
+		.permalink-popover {
+			min-width: 0;
+
+			.popover-content {
+				padding: 5px;
+			}
+
+			.form-control, .btn {
+				font-size: 13px;
+				height: 30px;
+				padding: 0 8px;
+				line-height: 30px;
+			}
+
 		}
 
 	}
@@ -567,8 +581,9 @@ body.ios {
 	.dropdown {
 		display: inline-block;
 		visibility: hidden;
+		position: absolute;
+		right: 0;
 		top: -1px;
-		float: right;
 
 		.dropdown-menu {
 			right: 0;
@@ -601,11 +616,11 @@ body.ios {
 		word-wrap: break-word;
 		padding: 0.2em 0.5em 0em;
 		@include legacy-pie-clearfix;
-		width: calc(100% - 70px);
+		width: calc(100% - 75px);
 
 		img {
-            max-height: 400px;
-        }
+			max-height: 400px;
+		}
 
 		ul {
 			padding: 5px 0 0 20px;
@@ -616,11 +631,36 @@ body.ios {
 				padding: 0 0 0 20px
 			}
 
+			li.list-item--task-list ul, li.list-item--task-list ol {
+				margin-left: 20px;
+			}
+
+			li.list-item--task-list ul {
+				padding-left: 0;
+			}
+
+			li:not(.list-item--task-list) li.list-item--task-list, li:not(.list-item--task-list) li.list-item--task-list ~ li {
+				margin-left: -20px;
+			}
+
 			li input[type="checkbox"]:disabled {
-				vertical-align: sub;
+				vertical-align: top;
 				cursor: default;
 			}
 		}
+
+		ul li.list-item--task-list, ul li.list-item--task-list ~ li {
+			list-style-type: none;
+		}
+
+		ul li.list-item--task-list ~ li:not(.list-item--task-list) {
+			text-indent: 3px;
+
+			&:before {
+				content: "⦁";
+				margin-right: 8px;
+			}
+		}
 	}
 
 	.post__link {
@@ -653,11 +693,11 @@ body.ios {
 		color: #999;
 	}
 
-    .permalink-icon {
+	.permalink-icon {
 		display: inline-block;
 		color: $primary-color;
 		visibility: hidden;
-    }
+	}
 
 	.comment-icon__container {
 		fill: $primary-color;
@@ -751,6 +791,7 @@ body.ios {
 		width: 80%;
 		padding-right: 5px;
 		overflow-x: auto;
+		overflow-y: hidden;
 		&.attachment__body--no_thumb {
 			width: 100%;
 		}
@@ -765,6 +806,7 @@ body.ios {
 		margin: 5px 0;
 		padding: 0;
 		line-height: 16px;
+		height: 22px;
 		font-size: 16px;
 		a {
 			font-size: 16px;
@@ -800,9 +842,10 @@ body.ios {
 }
 
 .permalink-text {
-    overflow: hidden;
+	overflow: hidden;
 }
 
 .permalink-popover {
-    min-width: 320px;
+	min-width: 320px;
+	margin-left: 50px !important;
 }