A bit cleaner look draft for CodebrBuddy

CoderBuddyCleanup.css

/* this was done to try to see how CB would look if things get moved around a little (not ready for production) */

body #cbeditor-holder .cbeditor-toolbar #cbeditor-toolbar-filegroup {
margin-left: 260px;
}


body #cbeditor-holder .cbeditor-toolbar .cbeditor-toolbar-element.spacer {
 display: none
}
body #cbeditor-holder .cbeditor-filebrowser {
  font-family: Helvetica, Arial, sans-serif;
}
body #cbeditor-holder .ace_gutter {
  background: #222;
}
body #cbeditor-holder .ace_gutter .ace_gutter-cell {
  color: #555;
}

body #cbeditor-holder .cbeditor-tabs > ul li {
border-radius: 0;
margin-right: 1px;
}

body #cbeditor-toolbar-previewsite {
  float:right !important;
}

body #cbeditor-holder .cbeditor-project {
position: absolute;
top: -77px;
background: transparent;
width: 240px;
font-family: helvetica, arial, sans-serif;
padding: 20px 15px;
}




body #cbeditor-holder .cbeditor-filebrowser {
height: 100%;
}

body #cbeditor-holder .cbeditor-filebrowser ul li .selected {
background-color: blue !important;
display: block;
float: left;
color: white !important;
display: block;
float:left;
}
body #cbeditor-holder .cbeditor-filebrowser ul li a {
  margin-top: 0;
  padding-right: 9px;
height: 20px;
}

body #cbeditor-holder .cbeditor-filebrowser ul li.padding-fix {
  clear: both;
}

body #cbeditor-holder .cbeditor-filebrowser ul li .icon {
  margin-top: 2px;
}