line-height fix

matiastucci · Aug 4, 2015 · 800210c · 800210c
1 parent ab52b58
commit 800210c
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 7 deletions.
diff --git a/css/style.css b/css/style.css
@@ -1,7 +1,3 @@
-section.chats {
-  /*max-width: 450px;*/
-  /*margin: 50px auto;*/
-}
 section.chats div {
   max-width: 255px;
   word-wrap: break-word;
@@ -87,4 +83,8 @@ p.notification{
   background: white;
   border-bottom-right-radius: 10px;
   -webkit-transform: translate(-30px, -2px);
+}
+
+.username-list {
+  line-height: 38px;
 }
diff --git a/js/controllers.js b/js/controllers.js
@@ -38,7 +38,6 @@ angular.module('chat.controllers', [])
 
   if($stateParams.username){
     $scope.data.message = "@" + $stateParams.username;
-    document.getElementById("usr-input").blur();
     document.getElementById("msg-input").focus();
   } 
 

diff --git a/templates/tab-chats.html b/templates/tab-chats.html
@@ -24,7 +24,7 @@
   <form name="sendMessageForm" ng-submit="sendMessage(data.message)" novalidate>
       <ion-footer-bar class="bar-stable item-input-inset message-footer" keyboard-attach>
           <label class="item-input-wrapper">
-              <input ng-change="updateTyping()" ng-model="data.message" class="input-message" type="text" placeholder="Message">
+              <input id="msg-input" ng-change="updateTyping()" ng-model="data.message" class="input-message" type="text" placeholder="Message" autofocus>
           </label>
           <div class="footer-btn-wrap">
             <button class="button button-icon icon ion-ios-paperplane footer-btn" type="submit"

diff --git a/templates/tab-users.html b/templates/tab-users.html
@@ -4,7 +4,7 @@
     <div class="list">
       <a ng-repeat="username in data" nav-transition="none" class="item item-avatar" href="#/tab/chats/{{username}}">
         <img src="http://lorempixel.com/60/60/people">
-        <h2>{{username}}</h2>
+        <h2 class="username-list">{{username}}</h2>
       </a>
     </div>