diff --git a/templates/#room-chat.html# b/templates/#room-chat.html# new file mode 100644 index 0000000..fbd07d7 --- /dev/null +++ b/templates/#room-chat.html# @@ -0,0 +1,24 @@ + + + + {{ROOM_TITLE}} + + + + + + + + + + + + + {{LIST_ITEMS}} +
+
+ + +
+ + diff --git a/templates/room-list-item.html b/templates/room-list-item.html index 5e37ed3..a777d24 100644 --- a/templates/room-list-item.html +++ b/templates/room-list-item.html @@ -1,6 +1,6 @@ - -
- {{ROOM_TITLE}} -

{{LAST_MESSAGE}}

-
- + +
  • + {{ROOM_TITLE}}
    + {{LAST_MESSAGE}} +
    • +     diff --git a/templates/room-list.html b/templates/room-list.html index d5666d0..4d16624 100644 --- a/templates/room-list.html +++ b/templates/room-list.html @@ -8,6 +8,8 @@ - {{LIST_ITEMS}} + diff --git a/templates/room-send.html b/templates/room-send.html index cd44c17..9589a4b 100644 --- a/templates/room-send.html +++ b/templates/room-send.html @@ -8,7 +8,7 @@ -
    +
    diff --git a/templates/style.css b/templates/style.css index 071ebfa..870c0cb 100644 --- a/templates/style.css +++ b/templates/style.css @@ -1,15 +1,21 @@ -.room-list-item { +.room-list li { background-color: #d7d7af; + margin:5px; + padding: 5px; } -.room-list-item { +.room-list li { color: black; } -.room-list-item:hover { +.room-list li:hover { background-color: #d7ff87; } -.room-list-item:target { +.room-list li:target { background-color: #5fafd7; } + +input { + width: 100%; +}