Merge pull request #167 from sagidayan/UI

Ui

index.yaml

@@ -0,0 +1,17 @@
+indexes:
+
+# AUTOGENERATED
+
+# This index.yaml is automatically updated whenever the dev_appserver
+# detects that a new type of query is run.  If you want to manage the
+# index.yaml file manually, remove the above marker line (the line
+# saying "# AUTOGENERATED").  If you want to manage some indexes
+# manually, move them above the marker line.  The index.yaml file is
+# automatically uploaded to the admin console when you next deploy
+# your application using appcfg.py.
+
+- kind: TaskComponent
+  properties:
+  - name: order
+  - name: taskId
+  - name: userId

templates/views/home.html

@@ -127,7 +127,8 @@
 		</div>
 		<div class ="addMessage" layout="row" layout-margin layout padding>
 			<div>
-				<md-button ng-click="addMessageClicked()" ng class="md-raised md-primary" aria-label="aM"><i class="fa fa-comments"></i></md-button>
+				<md-button ng-click="addMessageClicked()" ng class="md-raised md-primary" aria-label="aM">
+				<i class="fa fa-comments"></i></md-button>
 			</div>
 		</div>
 		<div ng-if="addMsg">
@@ -156,7 +157,7 @@
 						<md-tab label="Messages">
 							<md-card ng-repeat = "msg in userMessages">
 								<div layout = "row" layout-padding>
-									<div flex = "30" class="md-avatar">
+									<div flex = "10" class="md-avatar">
 										<img ng-src="{{msg.user.avatar_url}}" style="width:100%">
 									</div>
 									<div flex = "20" layout = "column">