Fixed some style.

app/ContainerDetails.react.js

@@ -504,7 +504,7 @@ var ContainerDetails = React.createClass({
     return (
       <div className="details">
         <div className="details-header">
-          <h1>{this.props.container.Name}</h1><h2 className="image">{this.props.container.Config.Image}</h2>
+          <h1>{this.props.container.Name}</h1>{state}
           <div className="details-header-actions">
             <span className="icon icon-preview-2 action-icon view-icon" onClick={this.handleView}></span>
             <span className="icon icon-refresh action-icon" onClick={this.handleRestart}></span>
@@ -512,7 +512,7 @@ var ContainerDetails = React.createClass({
           </div>
         </div>
         <div className="details-subheader">
-          {state}
+          <span className="image">{this.props.container.Config.Image}</span>
           <div className="details-subheader-tabs">
             <span className={tabLogsClasses} onClick={this.showLogs}>Logs</span>
             <span className={tabPortsClasses} onClick={this.showPorts}>Ports</span>

app/styles/containers.less

@@ -84,7 +84,7 @@
       .sidebar-containers {
         position: relative;
         flex: 1 auto;
-        overflow-y: scroll;
+        overflow-y: auto;
         overflow-x: hidden;
         box-sizing: border-box;
         max-width: 260px;
@@ -310,23 +310,19 @@
         border-bottom: 1px solid @gray-lightest;
         background-color: white;
         height: 32px;
-        padding: 8px 10px 10px 24px;
+        padding: 7px 10px 10px 24px;
-        font-size: 12px;
+        font-size: 13px;
         color: @gray-normal;
-        .status {
+
-          font-weight: 500;
+        .image {
-          position: relative;
+          flex: 1 auto;
-          top: -2px;
+          //margin: 7px 0px 0px 16px;
-          &.running {
+          margin-top: 1px;
-            color: @brand-positive;
+          font-size: 13px;
-          }
+          color: @gray-normal;
-          &.paused {
+          //font-weight: 300;
-            color: @gray-lighter;
-          }
-          &.stopped {
-            color: @gray-lighter;
-          }
         }
+
         .details-subheader-tabs {
           flex: 1 auto;
           text-align: right;
@@ -335,6 +331,7 @@
             margin-left: 20px;
             padding: 3px 10px;
             transition: all 0.25s;
+            font-weight: 500;
             &:hover {
               color: @brand-action;
             }
@@ -363,21 +360,20 @@
           margin: 0;
           color: @gray-darkest;
         }
-        h2 {
+        .status {
-          &.status {
+          font-size: 10px;
-            margin: 9px 0px 0px 12px;
+          font-weight: 500;
-            font-weight: bold;
+          position: relative;
-            font-size: 10px;
+          top: 8px;
-            &.running {
+          left: 14px;
-              color: @brand-positive;
+          &.running {
-            }
+            color: @brand-positive;
           }
-          &.image {
+          &.paused {
-            flex: 1 auto;
+            color: @gray-lighter;
-            margin: 7px 0px 0px 16px;
+          }
-            font-size: 12px;
+          &.stopped {
-            color: @gray-normal;
+            color: @gray-lighter;
-            font-weight: 300;
           }
         }
 
@@ -440,7 +436,7 @@
           -webkit-user-select: text;
           font-family: Menlo;
           font-size: 12px;
-          padding: 20px 20px;
+          padding: 20px 18px;
           color: lighten(@gray-normal, 6%);
           white-space: pre-wrap;
           p {

app/styles/theme.less

@@ -13,7 +13,7 @@ h3 {
 h4 {
   font-size: 13px;
   color: @gray-darker;
-  font-weight: 400;
+  font-weight: 500;
 }
 
 .popover-content {