switch some elements from being styled by class to styled by id

1 files changed, 12 insertions, 12 deletions

diff --git a/webclient/room/room.html b/webclient/room/room.html

index 0285f9e7e0..47c07c7fec 100644
--- a/webclient/room/room.html
+++ b/webclient/room/room.html
@@ -1,14 +1,14 @@
 <div ng-controller="RoomController" data-ng-init="onInit()" class="room">
 
-    <div class="page">
-    <div class="wrapper">
+    <div id="page">
+    <div id="wrapper">
 
-    <div class="roomName">
+    <div id="roomName">
         {{ room_alias || room_id }}
     </div>
     
-    <div class="usersTableWrapper">
-        <table class="usersTable">
+    <div id="usersTableWrapper">
+        <table id="usersTable">
             <tr ng-repeat="(name, info) in members">
                 <td class="userAvatar">
                     <img class="userAvatarImage" ng-src="{{info.avatar_url || 'img/default-profile.jpg'}}" width="80" height="80"/>
@@ -20,8 +20,8 @@
         </table>
     </div>
     
-    <div class="messageTableWrapper" keep-scroll>
-        <table class="messageTable" infinite-scroll="paginateMore()">
+    <div id="messageTableWrapper" keep-scroll>
+        <table id="messageTable" infinite-scroll="paginateMore()">
             <tr ng-repeat="msg in events.rooms[room_id].messages" ng-class="msg.user_id === state.user_id ? 'mine' : ''" scroll-item>
                 <td class="leftBlock">
                     <div class="sender" ng-hide="events.rooms[room_id].messages[$index - 1].user_id === msg.user_id">{{ members[msg.user_id].displayname || msg.user_id }}</div>
@@ -49,15 +49,15 @@
     </div>
     </div>
 
-    <div class="controlPanel">
-        <div class="controls">
-            <table class="inputBarTable">
+    <div id="controlPanel">
+        <div id="controls">
+            <table id="inputBarTable">
                 <tr>
                     <td width="1">
                         {{ state.user_id }} 
                     </td>
                     <td width="*" style="min-width: 100px">
-                        <input class="mainInput" ng-model="textInput" ng-enter="send()" ng-focus="true"/>
+                        <input id="mainInput" ng-model="textInput" ng-enter="send()" ng-focus="true"/>
                     </td>
                     <td width="1">
                         <button ng-click="send()">Send</button>
@@ -70,7 +70,7 @@
                     <td>
                     </td>
                     <td>
-                        <input class="mainInput" ng-model="imageURLToSend" ng-enter="sendImage()" placeholder="Image URL"/>
+                        <input id="mainInput" ng-model="imageURLToSend" ng-enter="sendImage()" placeholder="Image URL"/>
                     </td>
                     <td  width="100px">
                         <button ng-click="sendImage(imageURLToSend)">Send Image</button>