Multiple UI Improvements

5 files changed, 27 insertions, 27 deletions

diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss
index 14e12ecd2..0ba1929e0 100644
--- a/web/sass-files/sass/partials/_markdown.scss
+++ b/web/sass-files/sass/partials/_markdown.scss
@@ -39,6 +39,7 @@
 	padding: 4px 10px 5px 10px;
 	font-size: 13px;
 	opacity: 0.7;
+	z-index: 5;
 }
 
 .post__body {
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index b451adb75..db99e840b 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -103,7 +103,7 @@
 				background: rgba(0, 0, 0, 0.1);
 			}
 			span {
-			    font-family: 'Open Sans', sans-serif;
+				font-family: 'Open Sans', sans-serif;
 				line-height: 10px;
 			}
 		}
@@ -170,6 +170,12 @@
 			overflow: hidden;
 			text-overflow: ellipsis;
 		}
+		.more-description {
+			@include opacity(0.7);
+			display: block;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
 		tbody {
 			> tr {
 				&:hover td {
@@ -425,9 +431,9 @@
 }
 
 .modal-body.edit-modal-body {
-    overflow: visible;
+	overflow: visible;
 
-    .suggestion-content {
-        max-height: 150px;
-    }
+	.suggestion-content {
+		max-height: 150px;
+	}
 }
diff --git a/web/sass-files/sass/partials/_popover.scss b/web/sass-files/sass/partials/_popover.scss
index 8a61758f1..bf762d2c9 100644
--- a/web/sass-files/sass/partials/_popover.scss
+++ b/web/sass-files/sass/partials/_popover.scss
@@ -150,6 +150,9 @@
         }
         .more-name {
             margin-left: 6px;
+            max-width: 140px;
+            overflow: hidden;
+            text-overflow: ellipsis;
         }
     }
 }
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index cc22cc913..323691d89 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -264,32 +264,37 @@ body.ios {
 	line-height: 25px;
 	margin-left: -60px;
 	-webkit-font-smoothing: initial;
-	@include single-transition(all, 0.3s, ease);
+	@include single-transition(all, 0.6s, ease);
 	@include translateY(-45px);
 	@include opacity(0);
 	display: none;
 
 	&.scrolling {
-		@include single-transition(all, 0.3s, ease);
 		@include translateY(0);
 		@include opacity(0.8);
 	}
 }
 
 .post-list__arrows {
-	background: url('../images/postArrows.png') center;
-	@include background-size(28px 28px);
 	background-repeat: no-repeat;
 	width: 40px;
 	height: 40px;
+	text-align: center;
+	fill: #444;
 	position: absolute;
 	bottom: 0;
-	left: 10px;
+	left: 9px;
 	z-index: 50;
 	@include opacity(0);
-	@include single-transition(all, 0.3s);
+	@include single-transition(all, 0.6s);
 	display: none;
 
+	svg {
+		color: inherit;
+		width: 28px;
+		height: 28px;
+	}
+
 	&.scrolling {
 		display: block;
 		@include opacity(1);
@@ -487,7 +492,7 @@ body.ios {
 				position: absolute;
 				top: -2px;
 				left: -7px;
-			    font-size: 11px;
+				font-size: 11px;
 				line-height: 37px;
 				@include opacity(0);
 			}
diff --git a/web/sass-files/sass/partials/_settings.scss b/web/sass-files/sass/partials/_settings.scss
index bf296e913..d92cf95ac 100644
--- a/web/sass-files/sass/partials/_settings.scss
+++ b/web/sass-files/sass/partials/_settings.scss
@@ -341,21 +341,6 @@ h3 {
         @include border-radius(50px);
         margin-right: 8px;
     }
-    .member-name {
-        font-weight:500;
-        display: block;
-        max-width: 80%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-    .member-email {
-        color:darkgrey;
-        display: block;
-        max-width: 80%;
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
 }
 
 .member-role, .member-drop {