{"action":"created","issue":{"url":"https://api.github.com/repos/fguillot/kanboard/issues/1248","labels_url":"https://api.github.com/repos/fguillot/kanboard/issues/1248/labels{/name}","comments_url":"https://api.github.com/repos/fguillot/kanboard/issues/1248/comments","events_url":"https://api.github.com/repos/fguillot/kanboard/issues/1248/events","html_url":"https://github.com/fguillot/kanboard/issues/1248","id":107246483,"number":1248,"title":"CSS tweaks to share","user":{"login":"oliverh72","id":13544344,"avatar_url":"https://avatars.githubusercontent.com/u/13544344?v=3","gravatar_id":"","url":"https://api.github.com/users/oliverh72","html_url":"https://github.com/oliverh72","followers_url":"https://api.github.com/users/oliverh72/followers","following_url":"https://api.github.com/users/oliverh72/following{/other_user}","gists_url":"https://api.github.com/users/oliverh72/gists{/gist_id}","starred_url":"https://api.github.com/users/oliverh72/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/oliverh72/subscriptions","organizations_url":"https://api.github.com/users/oliverh72/orgs","repos_url":"https://api.github.com/users/oliverh72/repos","events_url":"https://api.github.com/users/oliverh72/events{/privacy}","received_events_url":"https://api.github.com/users/oliverh72/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/fguillot/kanboard/labels/tips","name":"tips","color":"fef2c0"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":3,"created_at":"2015-09-18T17:45:23Z","updated_at":"2015-09-22T01:19:59Z","closed_at":null,"body":"I tweaked the CSS using Stylish a bit. You can do the same or add it as a supplementary CSS include.\r\n\r\nI've focused on adding a bit more space and larger fonts pretty much throughout. I tried to clarify the headings from the content a bit. I've rounded the cards and made recent cards have a bottom border instead of the slightly-too-subtle drop shadow. Tweak as you prefer.\r\n\r\nThanks for the great app!\r\n\r\ndiv.task-board-recent { box-shadow: none; border-bottom: 6px solid rgba(0, 0, 0, 0.3); }\r\ndiv.ganttview-vtheader-series-name { padding: 0 6px; }\r\nth, td { padding: 10px; }\r\nheader { border-bottom: none; }\r\nlabel { font-weight: bold; margin-top: 18px; }\r\n.task-board { margin-bottom: 8px; padding: 12px; border-radius: 6px; }\r\n.task-board-title { font-size: 1.25em; font-weight: 600; }\r\n.task-show-details { border-radius: 10px; margin-bottom: 20px; }\r\n.task-show-details h2 { background-color: rgba(0, 0, 0, 0.3); padding: 20px; border-radius: 8px 8px 0 0; color: #fff; }\r\n.task-show-details ul { padding: 20px; }\r\n.table-small { font-size: 1em; }\r\n.sidebar { background-color: #f7f7f7; }\r\n.sidebar ul { padding-bottom: 20px; border-bottom: 1px solid #ddd; }\r\n.sidebar ul:last-of-type { border-bottom: none; }\r\n.sidebar-collapse i, .sidebar-collapsed .sidebar { background-color: #999; border-radius: 24px; padding: 5px 10px 5px 8px; }\r\n.sidebar-collapse i, .sidebar-collapsed .sidebar i { color: #fff; }\r\n.sidebar-collapse i:hover, .sidebar-collapsed .sidebar:hover { background-color: #ccc; }\r\n.page-header { margin: 15px 0; background-color: #eee; padding: 6px 10px 10px 10px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }\r\n.page-header li { font-size: 1.1em; }\r\n.page-header h2 { border-bottom: none; }\r\n.listing { border: none; }\r\n.fa-play { font-size: 1.2em; background-color: #ddd; border-radius: 100%; width: 25px; height: 28px; padding: 8px 0 0 15px; margin-right: 8px; }\r\n.fa-play:hover { background-color: #090; color: #fff; }\r\n.fc-event .fc-content { padding: 4px 8px; }\r\n.board-add-icon { padding: 0; margin-right: 12px; }\r\n.board-add-icon a { color: #090; padding: 0px 6px 3px 6px; margin-bottom: -4px; }\r\n.board-add-icon a:hover { border-radius: 100%; background-color: #090; color: #fff; }\r\n.form-column select { font-size: 1.2em; margin: 10px 0 2px 0; }\r\n.form-column:nth-of-type(2) { padding: 10px 25px; background-color: #f7f7f7; }\r\n.form-actions { font-size: 1.2em; }\r\n.page-header ul.dropdown-submenu-open { margin: 10px 0 0 -10px; padding: 0; }\r\n.dropdown-submenu-open li:nth-child(even) { background-color: #f7f7f7; }\r\n.dropdown-submenu-open li { padding: 6px 10px; }\r\n.dropdown-submenu-open li:hover { background-color: #eee; }\r\n.filters { border: none; }\r\n.filters ul.dropdown-submenu-open { margin: 6px 0 0 8px; }"},"comment":{"url":"https://api.github.com/repos/fguillot/kanboard/issues/comments/142154516","html_url":"https://github.com/fguillot/kanboard/issues/1248#issuecomment-142154516","issue_url":"https://api.github.com/repos/fguillot/kanboard/issues/1248","id":142154516,"user":{"login":"fguillot","id":323546,"avatar_url":"https://avatars.githubusercontent.com/u/323546?v=3","gravatar_id":"","url":"https://api.github.com/users/fguillot","html_url":"https://github.com/fguillot","followers_url":"https://api.github.com/users/fguillot/followers","following_url":"https://api.github.com/users/fguillot/following{/other_user}","gists_url":"https://api.github.com/users/fguillot/gists{/gist_id}","starred_url":"https://api.github.com/users/fguillot/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fguillot/subscriptions","organizations_url":"https://api.github.com/users/fguillot/orgs","repos_url":"https://api.github.com/users/fguillot/repos","events_url":"https://api.github.com/users/fguillot/events{/privacy}","received_events_url":"https://api.github.com/users/fguillot/received_events","type":"User","site_admin":false},"created_at":"2015-09-22T01:19:59Z","updated_at":"2015-09-22T01:19:59Z","body":"With Mysql the field is limited to 255 characters. If you need more than that, you are better to use a plugin (available only with the development version).\r\n\r\nI added an example of plugin to add a new stylesheet: https://github.com/kanboard/plugin-example-css\r\n\r\nBasically, it's just a plugin with only one line of code, very easy."}}