             p {className: 'hello'},
                 "#{@state.helloworld} #{@state.username}"
                 div id: 'sidebar-home-view', className: 'view-title',
-                    p {className: "title"},
-                        a href: "#config", className: "config", id: "cfg"
-                        "Preferences "
-                        br null, null
-                    p {className: 'view-coords'},
-                        "#{@state.title} : "
-                        "Lat: #{@state.lat.toFixed(4)} "
-                        "Lng: #{@state.lng.toFixed(4)} "
-                        "zoom: #{@state.zoom}"
+                    # icon Db
                     p { className: 'dbpanel'},
+                        a href: "#config", className: "userconfig"
+                        " "
                         a href: "#", className: "placesdata"
 
 

                homedata: @props.homedata


SearchPlaces = React.createFactory React.createClass

    getInitialState: ->
        return searchdata: @props.searchdata

    render: ->

        div id: "sidebar-searchdata", className: 'sidebar-searchdata',

            Searchdata {}, 'text'

                    "change username: "
                    input {
                        ref: "usernameInput"
                        type: "String"
                        defaultValue: "#{@state.username}"}

                    br null, null
                    br null, null
                    "view finder is:"

                    br null, null
                    "Lat: "
                    input {
                        ref: "latInput"
                        type: 'text',
                        defaultValue: "#{@state.lat}"}

                    br null, null
                    "Lng: "
                    input {
                        ref: "lngInput"
                        type: 'text',
                        defaultValue: "#{@state.lng}"}

                    br null, null
                    "zoom: "
                    input {
                        ref: "zoomInput",
                        type: 'number',
                        defaultValue: "#{@state.zoom}"}

                    br null, null
                    br null, null
                    "Show 'view finder' marker: "

                    input {
                        id: "show_pin_point",
                        type: 'checkbox',
                        defaultChecked: "#{@state.show_pin_point}",
                        initialChecked: "#{@state.show_pin_point}"}

                    br null, null
                    br null, null
