diff --git a/src/Scylla/Views.elm b/src/Scylla/Views.elm index 1fc9b53..2bfbb7d 100644 --- a/src/Scylla/Views.elm +++ b/src/Scylla/Views.elm @@ -91,6 +91,7 @@ roomListView m = in div [ class "rooms-wrapper" ] [ h2 [] [ text "Rooms" ] + , input [ class "room-search", type_ "text", placeholder "Search chats..." ] [] , homeserverList ] diff --git a/static/scss/style.scss b/static/scss/style.scss index 99aa731..1e904da 100644 --- a/static/scss/style.scss +++ b/static/scss/style.scss @@ -156,6 +156,12 @@ div.base-wrapper { div.rooms-wrapper { flex-shrink: 0; background-color: $background-color-light; + + .room-search { + padding: 5px; + width: 100%; + box-sizing: border-box; + } } div.room-link-wrapper {