Multiple UI Improvements

6 files changed, 32 insertions, 16 deletions

diff --git a/web/sass-files/sass/partials/_base.scss b/web/sass-files/sass/partials/_base.scss
index 7efe70cb4..0f8cd56f7 100644
--- a/web/sass-files/sass/partials/_base.scss
+++ b/web/sass-files/sass/partials/_base.scss
@@ -123,7 +123,7 @@ a:focus, a:hover {
 }
 
 select {
-  -webkit-appearance: none;
+  -moz-appearance:none;
 }
 
 .form-control {
diff --git a/web/sass-files/sass/partials/_content.scss b/web/sass-files/sass/partials/_content.scss
index 817817854..471ba63af 100644
--- a/web/sass-files/sass/partials/_content.scss
+++ b/web/sass-files/sass/partials/_content.scss
@@ -18,30 +18,29 @@
 	margin-left: 220px;
 	position: relative;
 	background: #fff;
-    @include display-flex;
-    @include flex-direction(column);
+	@include display-flex;
+	@include flex-direction(column);
 	.channel__wrap & {
 		padding-top: 0;
 	}
 }
 #post-create {
-    @include flex(0 0 auto);
+	@include flex(0 0 auto);
 	background: #fff;
 	width: 100%;
 	z-index: 3;
 }
 
 #archive-link-home {
-    @include flex(0 0 auto);
-	background: #fff;
-	width: 100%;
-	min-height: 50px;
-	z-index: 3;
-	background-color: beige;
-	text-align: center;
-	vertical-align: middle;
-	padding-top: 10px;
+	@include flex(0 0 auto);
 	cursor: pointer;
+	padding: 10px;
+	font-size: 13px;
+
+	a {
+		color: inherit;
+	}
+
 }
 
 .post-list {
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index ed1632681..adb1e0fff 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -599,6 +599,10 @@ body.ios {
 		@include legacy-pie-clearfix;
 		width: calc(100% - 70px);
 
+		img {
+            max-height: 400px;
+        }
+
 		ul {
 			padding: 5px 0 0 20px;
 		}
diff --git a/web/sass-files/sass/partials/_responsive.scss b/web/sass-files/sass/partials/_responsive.scss
index 9b316d48e..2011a25f2 100644
--- a/web/sass-files/sass/partials/_responsive.scss
+++ b/web/sass-files/sass/partials/_responsive.scss
@@ -296,6 +296,9 @@
                             }
                         }
                     }
+                    .section-min:hover {
+                        background: none;
+                    }
                     .no-padding--left {
                         padding-left: 15px;
                     }
diff --git a/web/sass-files/sass/partials/_search.scss b/web/sass-files/sass/partials/_search.scss
index 0debb7e54..3af0f3f2c 100644
--- a/web/sass-files/sass/partials/_search.scss
+++ b/web/sass-files/sass/partials/_search.scss
@@ -1,9 +1,9 @@
 #channel-header .search-bar__container {
-    padding: 0 8px 0 3px;
+	padding: 0 8px 0 3px;
 }
 .search-bar__container {
 	padding: 12px 8px 0 0;
-    @include flex(0 0 56px);
+	@include flex(0 0 56px);
 }
 .search__clear {
 	display: none;
@@ -107,7 +107,9 @@
 }
 
 .search-item__jump {
-	margin-left: 10px;
+	position: absolute;
+	right: 0;
+	top: 0;
 }
 
 .search-item-time {
diff --git a/web/sass-files/sass/partials/_sidebar--right.scss b/web/sass-files/sass/partials/_sidebar--right.scss
index 735b2a99e..ada43fb99 100644
--- a/web/sass-files/sass/partials/_sidebar--right.scss
+++ b/web/sass-files/sass/partials/_sidebar--right.scss
@@ -12,6 +12,14 @@
         right: 0;
     }
 
+    .post-body {
+
+        img {
+            max-height: 200px;
+        }
+
+    }
+
     .sidebar--right__content {
         height: 100%;
         @include display-flex;