{"action":"opened","issue":{"url":"https://api.github.com/repos/mdgriffith/stylish-elephants/issues/42","repository_url":"https://api.github.com/repos/mdgriffith/stylish-elephants","labels_url":"https://api.github.com/repos/mdgriffith/stylish-elephants/issues/42/labels{/name}","comments_url":"https://api.github.com/repos/mdgriffith/stylish-elephants/issues/42/comments","events_url":"https://api.github.com/repos/mdgriffith/stylish-elephants/issues/42/events","html_url":"https://github.com/mdgriffith/stylish-elephants/issues/42","id":296223186,"number":42,"title":"Text input padding","user":{"login":"kuon","id":160200,"avatar_url":"https://avatars2.githubusercontent.com/u/160200?v=4","gravatar_id":"","url":"https://api.github.com/users/kuon","html_url":"https://github.com/kuon","followers_url":"https://api.github.com/users/kuon/followers","following_url":"https://api.github.com/users/kuon/following{/other_user}","gists_url":"https://api.github.com/users/kuon/gists{/gist_id}","starred_url":"https://api.github.com/users/kuon/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/kuon/subscriptions","organizations_url":"https://api.github.com/users/kuon/orgs","repos_url":"https://api.github.com/users/kuon/repos","events_url":"https://api.github.com/users/kuon/events{/privacy}","received_events_url":"https://api.github.com/users/kuon/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-11T20:37:35Z","updated_at":"2018-02-11T20:37:35Z","closed_at":null,"author_association":"NONE","body":"I am trying to set the right padding of a text input to place an icon within the field.\r\n\r\nThe problem is that I cannot set the padding only for the right part of the input as using `paddingEach` will override \"auto padding\" set by the input element.\r\n\r\nI had to use inline styles.\r\n\r\n```\r\n            Input.search\r\n                [ Font.size 14\r\n                , Border.color style.lineColor\r\n                , UI.inlineStyle [(\"padding-right\", \"35px\")]\r\n                ]\r\n                { onChange = Just <| UpdateQuery\r\n                , text = state.query\r\n                , placeholder =\r\n                    Just <|\r\n                        Input.placeholder\r\n                            [ Font.size 14\r\n                            , Font.color (Color.grayscale 0.3)\r\n                            , El.moveDown 1\r\n                            ]\r\n                        <|\r\n                            El.text \"rechercher\"\r\n                , label =\r\n                    Input.labelRight [] <|\r\n                        icon\r\n                            [ El.width (El.px 22)\r\n                            , El.height (El.px 22)\r\n                            , El.alignRight\r\n                            , El.centerY\r\n                            , El.moveLeft 35\r\n                            ]\r\n                            \"magnifying_glass\"\r\n                , notice = Nothing\r\n                }\r\n```"}}
{"actor":{"display_login":"kuon"}}