diff --git a/app/ContainerDetails.react.js b/app/ContainerDetails.react.js index cd8c140d6f..26747d4bd7 100644 --- a/app/ContainerDetails.react.js +++ b/app/ContainerDetails.react.js @@ -160,11 +160,12 @@ var ContainerDetails = React.createClass({ } var name = this.state.container.Name.replace('/', ''); + var image = this.state.container.Config.Image; return (
-

{name}

View +

{name}

{state} {image}View
{progress}
diff --git a/app/images/running.png b/app/images/running.png index 15ccd11b6b..ea129def4f 100644 Binary files a/app/images/running.png and b/app/images/running.png differ diff --git a/app/images/running@2x.png b/app/images/running@2x.png index 406bfc05f4..b2777164bf 100644 Binary files a/app/images/running@2x.png and b/app/images/running@2x.png differ diff --git a/app/images/runningwave.png b/app/images/runningwave.png deleted file mode 100644 index 2934116bf3..0000000000 Binary files a/app/images/runningwave.png and /dev/null differ diff --git a/app/images/runningwave@2x.png b/app/images/runningwave@2x.png index d20f942fce..cfda2c62a4 100644 Binary files a/app/images/runningwave@2x.png and b/app/images/runningwave@2x.png differ diff --git a/app/styles/containers.less b/app/styles/containers.less index a8944625bd..ae3c8b6cad 100644 --- a/app/styles/containers.less +++ b/app/styles/containers.less @@ -210,12 +210,6 @@ } } } - - .status { - font-size: 12px; - font-variant: small-caps; - color: @brand-primary; - } } .details { @@ -232,7 +226,7 @@ flex: 0 auto; display: flex; flex-direction: row; - padding: 0px 45px 14px; + padding: 4px 40px 10px 40px; position: relative; a { position: absolute; @@ -240,16 +234,18 @@ top: -4px; } h1 { - font-size: 24px; + margin: 0; + font-size: 20px; margin: 0; } h2 { - margin-left: 18px; - font-size: 14px; - font-variant: small-caps; + margin: 6px 0px 0px 16px; + font-size: 10px; + text-transform: uppercase; &.status { - color: @brand-success; + font-weight: bold; + color: @brand-positive; } &.image { diff --git a/app/styles/variables.less b/app/styles/variables.less index e11e816a84..1aa67787dd 100644 --- a/app/styles/variables.less +++ b/app/styles/variables.less @@ -1,4 +1,4 @@ @brand-primary: #24B8EB; -@brand-action: #49CEF2; -@brand-positive: #3AD86D; -@brand-negative: #F74B1F; +@brand-action: #24B8EB; +@brand-positive: #65E100; +@brand-negative: #F47A45;