4 files changed, 47 insertions, 16 deletions

diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index 2136b9ffb..09c366c77 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -46,7 +46,6 @@
 			}
 			td {
 				width: 100%;
-				white-space: nowrap;
 				@include legacy-pie-clearfix;
 				text-overflow: ellipsis;
 				padding: 8px 8px 8px 15px;
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 0847318c1..4478b3f15 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -408,7 +408,7 @@ body.ios {
 
 .post {
 	word-wrap: break-word;
-	padding: 8px 1em 0;
+	padding: 8px .5em 0 1em;
 	position: relative;
 	max-width: 100%;
 	@include legacy-pie-clearfix;
@@ -457,7 +457,7 @@ body.ios {
 	&.same--root {
 
 		&.same--user {
-			padding: 0 1em;
+			padding: 0 .5em 0 1em;
 
 			&:hover {
 
@@ -629,6 +629,16 @@ body.ios {
 		}
 	}
 
+	.post__embed-container{
+		display: block;
+		max-height: 1000px;
+		transition: max-height .5s ease;
+		overflow: hidden;
+		&[hidden]{
+			max-height: 0;
+		}
+	}
+
 	.dropdown {
 		display: inline-block;
 		visibility: hidden;
@@ -687,7 +697,7 @@ body.ios {
 
 	.post__body {
 		word-wrap: break-word;
-		padding: 0.2em 0.5em 0em;
+		padding: 0.2em 0.5em;
 		@include legacy-pie-clearfix;
 		width: calc(100% - 75px);
 
@@ -753,7 +763,32 @@ body.ios {
 		white-space: nowrap;
 	}
 
-	.post__time {
+	.post__embed-visibility {
+		cursor: pointer;
+		display: block;
+		font: normal normal normal 14px/1 FontAwesome;
+		text-rendering: auto;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+		font-size: 0;
+		width: 30px;
+		margin-top: -5px;
+
+		&:hover{
+			text-decoration: none;
+		}
+
+		&:before {
+			content: "\f065";
+			font-size: 14px;
+		}
+
+		&[data-expanded="true"]:before{
+			content: "\f066";
+		}
+	}
+
+	.post__time{
 		font-size: 0.9em;
 	}
 
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index b724b8ced..ead65af2e 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -607,7 +607,7 @@
             @include translate3d(0, 0, 0);
         }
         > div {
-            padding-bottom: 0;
+            padding-bottom: 70px;
         }
         .nav-pills__unread-indicator-bottom {
             bottom: 10px;
diff --git a/web/sass-files/sass/partials/_tutorial.scss b/web/sass-files/sass/partials/_tutorial.scss
index 1f93fc6a9..b21a2b7c3 100644
--- a/web/sass-files/sass/partials/_tutorial.scss
+++ b/web/sass-files/sass/partials/_tutorial.scss
@@ -32,7 +32,7 @@
     &.tip-overlay--sidebar {
         max-width: 75%;
         margin: 50px 0 0 10px;
-        min-height: 310px;
+        min-height: 330px;
         .tutorial__footer {
             position: absolute;
             width: 100%;
@@ -165,17 +165,16 @@
         .tutorial__steps {
             position: relative;
             max-width: 310px;
-            min-height: 350px;
+            min-height: 370px;
             margin-bottom: 50px;
             text-align: left;
             display: inline-block;
-            padding-bottom: 30px;
-        }
-        .btn-primary {
-            position: absolute;
-            bottom: 0px;
         }
     }
+    .tutorial__footer {
+        position: absolute;
+        bottom: 0;
+    }
     h1 {
         font-size: em(40px);
         margin: -20px 0 30px;
@@ -191,9 +190,7 @@
         bottom: 40px;
     }
     .tutorial-skip {
-        position: absolute;
-        bottom: 7px;
-        left: 80px;
+        margin-left: 13px;
     }
 }