{"action":"created","issue":{"url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/5033","repository_url":"https://api.github.com/repos/silverstripe/silverstripe-framework","labels_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/5033/labels{/name}","comments_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/5033/comments","events_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/5033/events","html_url":"https://github.com/silverstripe/silverstripe-framework/issues/5033","id":133301500,"number":5033,"title":"3.3: Minor CSS Tweaks","user":{"login":"purplespider","id":329880,"avatar_url":"https://avatars.githubusercontent.com/u/329880?v=3","gravatar_id":"","url":"https://api.github.com/users/purplespider","html_url":"https://github.com/purplespider","followers_url":"https://api.github.com/users/purplespider/followers","following_url":"https://api.github.com/users/purplespider/following{/other_user}","gists_url":"https://api.github.com/users/purplespider/gists{/gist_id}","starred_url":"https://api.github.com/users/purplespider/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/purplespider/subscriptions","organizations_url":"https://api.github.com/users/purplespider/orgs","repos_url":"https://api.github.com/users/purplespider/repos","events_url":"https://api.github.com/users/purplespider/events{/privacy}","received_events_url":"https://api.github.com/users/purplespider/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":15,"created_at":"2016-02-12T17:42:37Z","updated_at":"2016-03-23T09:36:59Z","closed_at":null,"body":"Can I suggest a couple of CSS tweaks to 3.3:\r\n\r\n#### Reduce contrast of field bottom border\r\nThe single line that runs between each CMS field has become more emphasised in 3.3, but I think this clutters up the CMS interface more, with too many horizontal lines. They are also too close to the strength of the lines which separate the panes, which makes it harder to distingush the individual panes themselves.\r\n\r\nCan I suggest toning the colour of this line down to something more like `#e9ecef`?\r\n\r\n(Are these lines actually necessary? The CMS would look a lot cleaner without them, but perhaps we'd need to have right aligned labels to ensure their association with their form field was clear).\r\n\r\n#### Make Pane Headers Bold\r\nI like how we now have a header which clearly indicates which page you are currently editing, but lots of elements have had their bold styles removed, I feel this heading gets a little-lost among the other labels and so makes the hierarchy less clear. Making the page headings bold makes it clearer that there are 2 different panes, each with their associated fields.\r\n\r\n#### Before: ![](http://spdr.me/1bi7G+)\r\n\r\n#### After: ![](http://spdr.me/1hGeE+)\r\n\r\nOnly small, but I think they work better with the direction 3.3 is going.\r\n\r\nI did try to create a PR for this, but had issues getting Compass to behave.\r\nThe necessary changes are:\r\n\r\n*admin/scss/_style.scss*\r\n.section-label, font-weight to bold.\r\n.breadcrumbs-wrapper .crumb, .sep, font-weight to bold.\r\n\r\n*admin/scss/themes/default.scss*\r\n$color-light-separator: #e9ecef"},"comment":{"url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/comments/200269761","html_url":"https://github.com/silverstripe/silverstripe-framework/issues/5033#issuecomment-200269761","issue_url":"https://api.github.com/repos/silverstripe/silverstripe-framework/issues/5033","id":200269761,"user":{"login":"purplespider","id":329880,"avatar_url":"https://avatars.githubusercontent.com/u/329880?v=3","gravatar_id":"","url":"https://api.github.com/users/purplespider","html_url":"https://github.com/purplespider","followers_url":"https://api.github.com/users/purplespider/followers","following_url":"https://api.github.com/users/purplespider/following{/other_user}","gists_url":"https://api.github.com/users/purplespider/gists{/gist_id}","starred_url":"https://api.github.com/users/purplespider/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/purplespider/subscriptions","organizations_url":"https://api.github.com/users/purplespider/orgs","repos_url":"https://api.github.com/users/purplespider/repos","events_url":"https://api.github.com/users/purplespider/events{/privacy}","received_events_url":"https://api.github.com/users/purplespider/received_events","type":"User","site_admin":false},"created_at":"2016-03-23T09:36:58Z","updated_at":"2016-03-23T09:36:58Z","body":"The divider lines look good in those mockups @clarkepaul, [this one](https://projects.invisionapp.com/boards/9GX68PTXUQFH/#/1547737/71700346) shows them best, although I note there is no mockup of the full menu, site tree and page edit form view to show the how the overall differentiation between the panes multiple panes will look. \r\n\r\n(Yeh, ignore the bold headings, I think I was just trying to find ways to bring back some differentiation between the panes. There are other, better solutions.)"}}