From a942f7e486e7257fbb75f9d683a4a68aa12863df Mon Sep 17 00:00:00 2001
From: Sagi Dayan <sagidayan@gmail.com>
Date: Wed, 24 Jun 2015 17:27:20 +0300
Subject: [PATCH] New Task UI Tweak

---
 templates/views/newTask.html | 127 ++++++++++++++++++-----------------
 1 file changed, 64 insertions(+), 63 deletions(-)

diff --git a/templates/views/newTask.html b/templates/views/newTask.html
index 7fc293d..7d5e10c 100644
--- a/templates/views/newTask.html
+++ b/templates/views/newTask.html
@@ -1,75 +1,76 @@
 <div layout-padding>
 	<div layout="row">
-	<div flex="20" layout-padding>
+	<div flex="40" layout-padding>
 		<md-card layout-padding>
-		<h2>
-			<i class="fa fa-info-circle"></i> Task Info: 
-		</h2>
-		<div layout="column">
-			<div>
-				<md-input-container>
-					<label>Title</label>
-					<input ng-model="task.task.title" required>
-    			</md-input-container>
-			</div>
-			<div>
-				<md-input-container>
-				<label>Description</label>
-				<textarea ng-model="task.task.description" required></textarea>
-			</div>
-			<div>
-				<md-switch ng-model="task.isPersonal" aria-label="Switch 1">
-    				This Is: a {{(task.isPersonal) ? "Personal" : "Project"}} Task
-  				</md-switch>
-			</div>
-			<div>
-				Due Date:
-				<datepicker date-format="d MMMM yyyy" style="width:100%" ng-click="dueTime()">
-				  <input ng-model="task.date" type="text"/>
-				</datepicker>
-			</div>
-			<div layout="row">
-				<div flex="60"></div>
+			<h2>
+				<i class="fa fa-info-circle"></i> Task Info: 
+			</h2>
+			<div layout="column">
 				<div>
-					<md-button class="md-raised md-primary"><i class="fa fa-paper-plane"></i> Submit</md-button>
+					<md-input-container>
+						<label>Title</label>
+						<input ng-model="task.task.title" required>
+	    			</md-input-container>
+				</div>
+				<div>
+					<md-input-container>
+					<label>Description</label>
+					<textarea ng-model="task.task.description" required></textarea>
+					</md-input-container>
+				</div>
+				<div>
+					<md-switch ng-model="task.isPersonal" aria-label="Switch 1">
+	    				This Is: a {{(task.isPersonal) ? "Personal" : "Project"}} Task
+	  				</md-switch>
+				</div>
+				<div>
+					Due Date:
+					<datepicker date-format="d MMMM yyyy" style="width:100%" ng-click="dueTime()">
+					  <input ng-model="task.date" type="text"/>
+					</datepicker>
+				</div>
+				<div layout="row">
+					<div flex="60"></div>
+					<div>
+						<md-button class="md-raised md-primary"><i class="fa fa-paper-plane"></i> Submit</md-button>
+					</div>
 				</div>
 			</div>
-		</div>
-			</md-card>
-	<div layout="column" layout-padding>
-		<md-card layout-padding>
-			<div>
-				<h2>
-					<i class="fa fa-cubes"></i> Add A component: 
-				</h2>
-			</div>
-			<div>
-				Select Type:
-				<md-select placeholder="Component Type" ng-model="newComp.type">
-	        		<md-option ng-repeat="component in componentTypes" value="{{component.type}}">{{component.type}}</md-option>
-	      		</md-select> 
-			</div>
-			<div>
-				<md-input-container>
-					<label>Label</label>
-					<input ng-model="newComp.label" required>
-	    		</md-input-container>
-			</div>
-			<div>
-				<md-switch ng-model="newComp.isMandatory" aria-label="Switch 1">
-	    			Mandatory?: {{ newComp.isMandatory}}
-	  			</md-switch>
-	  		</div>
-	  		<div layout="row">
-	  			<div flex="65"></div>
-	  			<md-button class="md-raised" ng-click="addComponent()"><i class="fa fa-plus"></i> Add To Task</md-button>
-	  		</div>
-	  		</md-card>
-  	</div>
+		</md-card>
+		<div layout="column">
+			<md-card layout-padding>
+				<div>
+					<h2>
+						<i class="fa fa-cubes"></i> Add A component: 
+					</h2>
+				</div>
+				<div>
+					Select Type:
+					<md-select placeholder="Component Type" ng-model="newComp.type">
+		        		<md-option ng-repeat="component in componentTypes" value="{{component.type}}">{{component.type}}</md-option>
+		      		</md-select> 
+				</div>
+				<div>
+					<md-input-container>
+						<label>Label</label>
+						<input ng-model="newComp.label" required>
+		    		</md-input-container>
+				</div>
+				<div>
+					<md-switch ng-model="newComp.isMandatory" aria-label="Switch 1">
+		    			Mandatory?: {{ newComp.isMandatory}}
+		  			</md-switch>
+		  		</div>
+		  		<div layout="row">
+		  			<div flex="65"></div>
+		  			<md-button class="md-raised" ng-click="addComponent()"><i class="fa fa-plus"></i> Add To Task</md-button>
+		  		</div>
+		  		</md-card>
+	  	</div>
 	</div>
 
 
-	<div flex="80" layout-padding>
+	<div flex="60" layout-padding>
 		<!-- <md-card style="background-image: url('http://www.stationeryhq.com/content/images/thumbs/0000324_clipboard_500.png')">
 
 		</md-card> -->