diff --git a/public/src/modules/composer.js b/public/src/modules/composer.js
index 540335e504..0d555e7d34 100644
--- a/public/src/modules/composer.js
+++ b/public/src/modules/composer.js
@@ -241,9 +241,50 @@ define(['taskbar'], function(taskbar) {
 					}
 				});
 
-				resizeEl.on('dragstart', function() {
-					console.log('dragging');
-				});
+				var	resizeActive = false,
+					resizeCenterX = 0,
+					resizeOffset = 0,
+					resizeAction = function(e) {
+						if (resizeActive) {
+							position = (e.clientX + resizeOffset);
+							if (Math.abs(position - resizeSnaps.half) <= 15) {
+								// Half snap
+								jPostContainer.css('width', resizeSnaps.half);
+							} else if (Math.abs(position - resizeSnaps.none) <= 15) {
+								// Minimize snap
+								jPostContainer.css('width', bodyRect.width - resizeSnaps.none);
+							} else if (position <= 15) {
+								// Full snap
+								jPostContainer.css('width', bodyRect.width - 15);
+							} else {
+								// OH SNAP, NO SNAPS!
+								jPostContainer.css('width', bodyRect.width - position);
+							}
+						}
+					},
+					resizeSnaps = {
+						none: 0,
+						half: 0,
+						full: 0
+					},
+					resizeRect, bodyRect;
+
+				resizeEl
+					.on('mousedown', function(e) {
+						bodyRect = document.body.getBoundingClientRect();
+						resizeRect = resizeEl[0].getBoundingClientRect();
+						resizeCenterX = resizeRect.left + (resizeRect.width/2);
+						resizeOffset = resizeCenterX - e.clientX;
+						resizeSnaps.half = bodyRect.width / 2;
+						resizeSnaps.none = bodyRect.width;
+						resizeActive = true;
+
+						$(document.body).on('mousemove', resizeAction);
+					})
+					.on('mouseup', function() {
+						resizeActive = false;
+						$(document.body).off('mousemove', resizeAction);
+					});
 
 				window.addEventListener('resize', function() {
 					if (composer.active !== undefined) composer.reposition(composer.active);
diff --git a/public/templates/composer.tpl b/public/templates/composer.tpl
index ca41630f03..3f4f5a0193 100644
--- a/public/templates/composer.tpl
+++ b/public/templates/composer.tpl
@@ -1,21 +1,23 @@
 <div class="composer">
-	<input class="title" type="text" tabIndex="1" placeholder="Enter your topic title here..." />
-	<div class="btn-toolbar formatting-bar">
-		<div class="btn-group">
-			<span class="btn btn-link" tabindex="-1"><i class="fa fa-bold"></i></span>
-			<span class="btn btn-link" tabindex="-1"><i class="fa fa-italic"></i></span>
-			<span class="btn btn-link" tabindex="-1"><i class="fa fa-list"></i></span>
-			<span class="btn btn-link" tabindex="-1"><i class="fa fa-link"></i></span>
+	<div class="composer-container">
+		<input class="title" type="text" tabIndex="1" placeholder="Enter your topic title here..." />
+		<div class="btn-toolbar formatting-bar">
+			<div class="btn-group">
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-bold"></i></span>
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-italic"></i></span>
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-list"></i></span>
+				<span class="btn btn-link" tabindex="-1"><i class="fa fa-link"></i></span>
+			</div>
+			<div class="btn btn-link pull-right">Preview</div>
 		</div>
-		<div class="btn btn-link pull-right">Preview</div>
-	</div>
-	<textarea tabIndex="2"></textarea>
-	<div class="imagedrop"><div>Drag and Drop Images Here</div></div>
-	<div class="btn-toolbar action-bar">
-		<div class="btn-group pull-right">
-			<button class="btn" data-action="discard" tabIndex="5"><i class="fa fa-times"></i> Discard</button>
-			<button data-action="post" class="btn" tabIndex="3"><i class="fa fa-check"></i> Submit</button>
+		<textarea tabIndex="2"></textarea>
+		<div class="imagedrop"><div>Drag and Drop Images Here</div></div>
+		<div class="btn-toolbar action-bar">
+			<div class="btn-group pull-right">
+				<button class="btn" data-action="discard" tabIndex="5"><i class="fa fa-times"></i> Discard</button>
+				<button data-action="post" class="btn" tabIndex="3"><i class="fa fa-check"></i> Submit</button>
+			</div>
 		</div>
+		<div class="resizer"><div class="trigger"><i class="fa fa-chevron-left"></i></div></div>
 	</div>
-	<div class="resizer"><div class="trigger"><i class="fa fa-chevron-left"></i></div></div>
 </div>
\ No newline at end of file