Jira 7.10 Compact Kanban Board CSS

jira-compact-style.html

<!-- Add this to the global system announcement banner -->
<style type="text/css">
.ghx-issue .ghx-highlighted-fields {
  position: absolute;
  margin: 0 !important;
  top: 4px;
  left: 140px;
}

#ghx-column-header-group {
    position: relative;
    top: -15px;
}

.ghx-issue .ghx-avatar {
  position: absolute;
  top: 5px;
  right: 5px !important;
} 

.ghx-avatar-img {
  width: 24px;
  height: 24px;
} 

.ghx-issue.ghx-has-avatar .ghx-issue-fields, .ghx-issue.ghx-has-corner .ghx-issue-fields {
  margin-top: -5px;
  padding-right: 22px;
}

.ghx-summary {
  margin-top: -2px;
}

.ghx-summary > .ghx-inner {
  font-size: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ghx-type {
  top: 5px !important;
}

.ghx-flags {
  top: 22px !important;
}

.ghx-end {
  top: 39px;
}

.ghx-grabber{
  width: 9px;
}

.ghx-group {
    clear: both;
    float: left;
    width: 100%;
}

.ghx-parent-stub {
    border: 0;
    height: 0px;
    margin: 0;
    padding: 0;
}

.ghx-work {
    height: inherit;
}

.ghx-days {
  display: none;
  position: absolute;
  top: 0px;
}

body.ghx-scroll-columns, #ghx-plan, #ghx-report, #ghx-work {
    overflow: scroll;
}

div.ghx-issue {
    float: left;
    overflow: hidden;
    height: 40px; 
    width: 100%;  
}

div.ghx-key {
    position: relative;
}

span.ghx-inner {
    position: relative;
}
</style>

This is for a highly compact kanban board in Jira 7.10. Note: it may cause some issues with other board types. They have not been tested. MIT license.