Some small changes to the UI of the excellent tmtheme-editor at http://tmtheme-editor.herokuapp.com/

gistfile1.css

/*
// ==UserStyles==
// @name          tmTheme Editor Restyled
// @version       0.0.1
// @description   Makes the design more compact
// @author        KonTrax
// @applyTo       http://tmtheme-editor.herokuapp.com/*
// ==/UserStyles==
*/


/* Typography */

  /* Sidebar */
  .list, .list td.name-box{
    font-family : inherit;
    font-size   : inherit;
  }.sidebar  {
    font-family : 'Segoe UI', Inconsolata, 'Source Code Pro', 'Ubuntu Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
    font-size   : 11px;
    line-height : 130%;
  }

  /* Preview window */
  .preview pre{
    font-family : Inconsolata, 'Source Code Pro', 'Ubuntu Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
    font-size   : 13px;
    line-height : 140%;
  }

  /* Gallery Slide */
  #gallery ul li{
    font-family : Inconsolata, 'Segoe UI', 'Source Code Pro', 'Ubuntu Mono', Monaco, Menlo, Consolas, 'Courier New', monospace;
    font-size   : 13px !important;
    line-height : 120% !important;
  }



/* Dimentions */

  /* Sidebar */
  .titlebar, .sidebar  {
    min-width : 299px;
    max-width : 299px;
  }
  .list.general .truncate {
    min-width : 240px;
    max-width : 240px;
  }
  .sidebar .truncate {
    min-width : 160px;
    max-width : 160px;
  }
  .sidebar .check-box {
    width      : auto;
    text-align : right;
  }

  /* Preview window */
  .preview {
    left     : 301px;
  }

  /* Linenumbers */
  .preview pre .l:before {
    width : 30px;
  }

  /* Gallery Slide */
  #gallery {}



/* Styling */

  /* Gallery Slide - List Item */
  #gallery ul li{
    background-image  : none !important;
    filter            : none !important;
    border-top        : 9px solid rgba(255, 255, 255, 0.0) !important;
    border-left-width : 8px !important;
    border-left-style : solid !important;
    border-bottom     : 9px solid rgba(255, 255, 255, 0.0) !important;
    padding           : 0px 2px 0px 4px !important;
    margin-bottom     : -12px !important;
  }

  /* Gallery Slide - List Item - Hover */
  #gallery ul li:hover{
    border-left-width : 6px !important;
    border-left-color : rgba(204, 102, 0, 1.0);
  }

  /* Gallery Slide - List Item - Selected */
  #gallery ul li.selected_bgdark {
    border-left-color : rgba(19, 137, 255, 1.0);
    background        : rgba(255, 255, 255, 0.07);
    background-clip   : padding-box;
  }#gallery ul li.selected_bglight {
    border-left-color : rgba(19, 137, 255, 1.0);
    background        : rgba(0, 0, 0, 0.07);
    background-clip   : padding-box;
  }

  /* Gallery Slide - List Item - Selected - Hover */
  #gallery ul li.selected_bglight:hover,
  #gallery ul li.selected_bgdark:hover{
    border-left       : 5px solid rgba(19, 137, 255, 1.0);
  }