From a1fc76eb2e0cfcee621e9298d4fe47ef8e2cea21 Mon Sep 17 00:00:00 2001
From: Sean Li <mail@shang.li>
Date: Mon, 8 Jun 2015 09:16:45 -0700
Subject: [PATCH] No tags state.

---
 src/components/ImageCard.react.js | 4 ++--
 styles/new-container.less         | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ImageCard.react.js b/src/components/ImageCard.react.js
index d40a210329..2a857a441b 100644
--- a/src/components/ImageCard.react.js
+++ b/src/components/ImageCard.react.js
@@ -122,7 +122,7 @@ var ImageCard = React.createClass({
     if (self.state.loading) {
       tags = <RetinaImage className="tags-loading" src="loading.png"/>;
     } else if (self.state.tags.length === 0) {
-      tags = <span>No Tags</span>;
+      tags = <div className="no-tags">No Tags</div>;
     } else {
       var tagDisplay = self.state.tags.map(function (t) {
         if (t === self.state.chosenTag) {
@@ -151,7 +151,7 @@ var ImageCard = React.createClass({
       <div className="image-item">
         <div className="overlay menu-overlay">
           <div className="menu-item" onClick={this.handleTagOverlayClick.bind(this, this.props.image.name)}>
-            CHOSEN TAG: <span className="selected-tag">{this.state.chosenTag}</span>
+            SELECTED TAG: <span className="selected-tag">{this.state.chosenTag}</span>
           </div>
           <div className="menu-item" onClick={this.handleRepoClick}>
             VIEW ON DOCKER HUB
diff --git a/styles/new-container.less b/styles/new-container.less
index 966a3f7436..ac0df7f0bb 100644
--- a/styles/new-container.less
+++ b/styles/new-container.less
@@ -260,6 +260,11 @@
           -webkit-animation-iteration-count: infinite;
           -webkit-animation-timing-function: linear;
         }
+        .no-tags {
+          color: @gray-lighter;
+          text-align: center;
+          margin-top: 3rem;
+        }
       }
       .logo {
         width: 60px;