{"action":"opened","issue":{"url":"https://api.github.com/repos/sul-dlss/sul-requests/issues/196","labels_url":"https://api.github.com/repos/sul-dlss/sul-requests/issues/196/labels{/name}","comments_url":"https://api.github.com/repos/sul-dlss/sul-requests/issues/196/comments","events_url":"https://api.github.com/repos/sul-dlss/sul-requests/issues/196/events","html_url":"https://github.com/sul-dlss/sul-requests/issues/196","id":91112914,"number":196,"title":"Item selector styling","user":{"login":"jvine","id":6945691,"avatar_url":"https://avatars.githubusercontent.com/u/6945691?v=3","gravatar_id":"","url":"https://api.github.com/users/jvine","html_url":"https://github.com/jvine","followers_url":"https://api.github.com/users/jvine/followers","following_url":"https://api.github.com/users/jvine/following{/other_user}","gists_url":"https://api.github.com/users/jvine/gists{/gist_id}","starred_url":"https://api.github.com/users/jvine/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jvine/subscriptions","organizations_url":"https://api.github.com/users/jvine/orgs","repos_url":"https://api.github.com/users/jvine/repos","events_url":"https://api.github.com/users/jvine/events{/privacy}","received_events_url":"https://api.github.com/users/jvine/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-06-26T00:33:14Z","updated_at":"2015-06-26T00:33:14Z","closed_at":null,"body":"* [ ] Overall container styling\r\n```\r\n.item-selector {  \r\n  overflow: auto;\r\n  padding-right: 0;\r\n  margin-bottom: 1em;\r\n  padding-right: 0;\r\n  max-height: 300px;\r\n}\r\n```\r\n* [ ] Remove margin-right from .search.form-control \r\n* [ ] Remove margin-right from .sort-headings\r\n* [ ] Add btn-default to the call number and status header buttons \r\n* [ ] Change the width split to 75%/25%\r\n* [ ] Make the call number button active by default\r\n* [ ] Make the icon tiny and floated right\r\n```\r\n  font-size: 10px;\r\n  float: right;\r\n  margin-top: 4px;\r\n  margin-right: 5px;\r\n```\r\n\r\n* [ ] Override all the border radiuses to 0px\r\n - .item-selector .input-group .form-control \r\n - .input-group-addon\r\n - .sort-headings .btn\r\n\r\n* [ ] .input-group-addon gets same colour as .btn-default (can you just add the class, maybe?)\r\n```\r\n  color: #3f3c30;\r\n  background-color: #f2f1eb;\r\n  border-color: #e3dfd5;\r\n```\r\n\r\n* [ ] Form control border (note border-top override)\r\n```\r\n.item-selector .input-group .form-control {\r\n  border-radius: 0px !important;\r\n  border-color: #e3dfd5;\r\n  border-top: 0; \r\n}\r\n```\r\n\r\n* [ ] When an item is selected, can we give its row a background colour? [#faf8d2]\r\n\r\n\r\nWith search box:\r\n![screen shot 2015-06-25 at 5 04 47 pm](https://cloud.githubusercontent.com/assets/6945691/8368499/0000e418-1b60-11e5-9634-a265ef2299ff.png)\r\n\r\nWithout search box:\r\n![screen shot 2015-06-25 at 5 32 20 pm](https://cloud.githubusercontent.com/assets/6945691/8368512/277d8960-1b60-11e5-9316-ebee037a9729.png)\r\n"}}