From 5d92fda12d0b75bbbcb830d6aeb2f0faef1bc6e8 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Thu, 28 Jan 2016 19:38:23 +0500
Subject: [PATCH 1/3] Fixing modals for IE

---
 web/react/components/new_channel_modal.jsx | 5 +++++
 web/sass-files/sass/partials/_modal.scss   | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/web/react/components/new_channel_modal.jsx b/web/react/components/new_channel_modal.jsx
index 70fe10eef0..9f733c476c 100644
--- a/web/react/components/new_channel_modal.jsx
+++ b/web/react/components/new_channel_modal.jsx
@@ -22,6 +22,11 @@ export default class NewChannelModal extends React.Component {
             });
         }
     }
+    componentDidMount() {
+        if (Utils.isBrowserIE()) {
+            $('body').addClass('browser--IE');
+        }
+    }
     handleSubmit(e) {
         e.preventDefault();
 
diff --git a/web/sass-files/sass/partials/_modal.scss b/web/sass-files/sass/partials/_modal.scss
index 7627f6a4c0..b451adb759 100644
--- a/web/sass-files/sass/partials/_modal.scss
+++ b/web/sass-files/sass/partials/_modal.scss
@@ -10,6 +10,11 @@
 .modal {
 	width: 100%;
 	color: #333;
+	body.browser--IE & {
+		.modal-dialog {
+			@include translateY(0);
+		}
+	}
 	&.image_modal {
 		.modal-backdrop.in {
 			@include opacity(0.7);

From 1f02b09dae64f895b79a45fc5e5da10dd381e446 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Thu, 28 Jan 2016 20:07:25 +0500
Subject: [PATCH 2/3] Improving jump to recent messages UI

---
 web/react/components/center_panel.jsx      | 6 ++----
 web/sass-files/sass/partials/_content.scss | 1 +
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/web/react/components/center_panel.jsx b/web/react/components/center_panel.jsx
index 7eef329c3a..53dad1306e 100644
--- a/web/react/components/center_panel.jsx
+++ b/web/react/components/center_panel.jsx
@@ -66,11 +66,9 @@ export default class CenterPanel extends React.Component {
             createPost = (
                 <div
                     id='archive-link-home'
+                    onClick={handleClick}
                 >
-                    <a
-                        href=''
-                        onClick={handleClick}
-                    >
+                    <a href=''>
                         {'You are viewing the Archives. Click here to jump to recent messages. '}
                         {<i className='fa fa-arrow-down'></i>}
                     </a>
diff --git a/web/sass-files/sass/partials/_content.scss b/web/sass-files/sass/partials/_content.scss
index b54c97b41d..fb2355da75 100644
--- a/web/sass-files/sass/partials/_content.scss
+++ b/web/sass-files/sass/partials/_content.scss
@@ -38,6 +38,7 @@
 	font-size: 13px;
 
 	.fa {
+		font-size: 11px;
 		@include opacity(0.7);
 	}
 

From 8d4151cc0518c3685a2000a49625dac650381d85 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Thu, 28 Jan 2016 20:18:28 +0500
Subject: [PATCH 3/3] Fixing code block and comment icon in Firefox

---
 web/sass-files/sass/partials/_markdown.scss | 2 +-
 web/sass-files/sass/partials/_post.scss     | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/sass-files/sass/partials/_markdown.scss b/web/sass-files/sass/partials/_markdown.scss
index 9ad15f91a3..7aa29d95d4 100644
--- a/web/sass-files/sass/partials/_markdown.scss
+++ b/web/sass-files/sass/partials/_markdown.scss
@@ -43,7 +43,7 @@
 		@include opacity(0.2);
 	}
 	code {
-		white-space: pre;
+		white-space: pre-line;
 	}
 }
 .markdown__table {
diff --git a/web/sass-files/sass/partials/_post.scss b/web/sass-files/sass/partials/_post.scss
index 34ff7e5a94..ef23666867 100644
--- a/web/sass-files/sass/partials/_post.scss
+++ b/web/sass-files/sass/partials/_post.scss
@@ -759,10 +759,18 @@ body.ios {
 		display: inline-block;
 		visibility: hidden;
 
+		&:focus {
+			outline: none;
+		}
+
 		&.icon--visible {
 			visibility: visible;
 		}
 
+		svg {
+			width: 17px;
+		}
+
 		.comment-icon {
 			display: inline-block;
 			top: 3px;