#10 - adding chat to the bottom of the layout for now

UpstateRuby · May 7, 2015 · 5fe3a6d · 5fe3a6d
1 parent 3163336
commit 5fe3a6d
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/app/assets/stylesheets/application.css.scss b/app/assets/stylesheets/application.css.scss
@@ -12,4 +12,11 @@
  *
  *= require_tree .
  *= require_self
- */
+ */
+
+ #chat {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+ }
+
diff --git a/app/assets/templates/game.html.erb b/app/assets/templates/game.html.erb
@@ -1,7 +1,7 @@
 <h1>Settlers Chat</h1>
-<pre id="output">
+<div id="output">
   <div ng-repeat="comment in comments track by $index">{{comment}}</div>
-</pre>
+</div>
 <form class="chat" ng-submit="sendComment()">
   <input ng-model="comment" placeholder="say something" autofocus />
   <input type="submit" name="submit" value="Send" />