From cccc1a012143be2d35c10019f42cf259d78f184b Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Sat, 23 Jul 2016 17:49:55 +0200
Subject: [PATCH] Updated template diff view

---
 .../files/acp/templates/templateDiff.tpl       |  7 +------
 .../install/files/style/layout/layout.scss     | 18 ++++++++++++++++++
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/wcfsetup/install/files/acp/templates/templateDiff.tpl b/wcfsetup/install/files/acp/templates/templateDiff.tpl
index 04aeb7d12e..b8512ba8b3 100644
--- a/wcfsetup/install/files/acp/templates/templateDiff.tpl
+++ b/wcfsetup/install/files/acp/templates/templateDiff.tpl
@@ -128,14 +128,9 @@
 			$('#requestFullscreen').show();
 		}
 		
-		// force that both containers have got the same width
-		var max = Math.max($('#left > ol').prop('scrollWidth'), $('#right > ol').prop('scrollWidth'));
-		$('#left > ol').width(max);
-		$('#right > ol').width(max);
-		
 		// sync scrolling
 		var sync = $('#left, #right');
-		function syncPosition(event) {
+		function syncPosition() {
 			var other = sync.not(this);
 			other.off('scroll');
 			other.prop('scrollLeft', $(this).prop('scrollLeft'));
diff --git a/wcfsetup/install/files/style/layout/layout.scss b/wcfsetup/install/files/style/layout/layout.scss
index 2c0f911d6c..a12a1fc4d5 100644
--- a/wcfsetup/install/files/style/layout/layout.scss
+++ b/wcfsetup/install/files/style/layout/layout.scss
@@ -130,3 +130,21 @@ a {
 	}
 }
 
+.sideBySide {
+	margin-top: 20px;
+	
+	@include screen-md-up {
+		display: table;
+		table-layout: fixed;
+		width: 100%;
+		
+		> .section {
+			display: table-cell;
+			width: 49%;
+			
+			& + .section {
+				padding-left: 2%;
+			}
+		}
+	}
+}
-- 
2.20.1