NOISSUE - Add Country, City, Service and Version filters to the UI

[Musilah]

What does this do?

Add Country, City, Service and Version filters to the UI

Which issue(s) does this PR fix/relate to?

https://github.com/ultravioletrs/issues/issues/266

List any changes that modify/break current functionality

None

Have you included tests for your changes?

No

Did you document any new/modified functionality?

No

Notes

[Musilah]

i have resolved the changes

[drasko]

@SammyOina please review

[SammyOina]

Country filters work ok, but the originating issue requires applying the other filters as well. We might have to merge #21 and #22 so this can be updated

[SammyOina]

add padding to these, it would also be great to include an image of the ui changes in the PR description

[ianmuchyri]

This PR contains commits that have been merged already. Rebase correctly.

[SammyOina]

for the filters button, I'd suggest keeping it minimal hovering on the right side right: 10px; of the map with an icon like this <span class="glyphicon glyphicon-filter"></span> and no text.

[SammyOina]

Make this list to appear clickable, currently one wouldn't think it is since the cursor is an input cursor, change it to a pointer cursor

You can do that by adding the following CSS after this line

https://github.com/mainflux/callhome/blob/1a73c9a16c2ddd1e7a4a98b196a647585664973d/web/static/style.css#L54

.list-group { cursor: pointer; }

out of the scope of this PR

[ianmuchyri]

Make this list to appear clickable, currently one wouldn't think it is since the cursor is an input cursor, change it to a pointer cursor
You can do that by adding the following CSS after this line
https://github.com/mainflux/callhome/blob/1a73c9a16c2ddd1e7a4a98b196a647585664973d/web/static/style.css#L54

.list-group { cursor: pointer; }

out of the scope of this PR

removed it and added it as an issue