diff --git a/src/components/Header.react.js b/src/components/Header.react.js
index 076cb22ffc..a6c4ed7f0b 100644
--- a/src/components/Header.react.js
+++ b/src/components/Header.react.js
@@ -128,7 +128,12 @@ var Header = React.createClass({
username = (
- {this.state.username} {this.state.verified ? null : '(Unverified)'}
+
+
+ {this.state.username}
+ {this.state.verified ? null : '(Unverified)'}
+
+
);
diff --git a/src/components/NewContainerSearch.react.js b/src/components/NewContainerSearch.react.js
index 954d0eafa3..d5ce1ab14a 100644
--- a/src/components/NewContainerSearch.react.js
+++ b/src/components/NewContainerSearch.react.js
@@ -126,7 +126,7 @@ module.exports = React.createClass({
Please verify your Docker Hub account email address
- {spinner}
+ {spinner}
diff --git a/styles/header.less b/styles/header.less
index ddba8b4844..8066b4827c 100644
--- a/styles/header.less
+++ b/styles/header.less
@@ -50,15 +50,18 @@
border-right: 1px solid @color-divider;
padding: 0 1rem 0 1rem;
.box-button();
-
- &:active {
- img, span {
- -webkit-filter: brightness(0.9);
- }
+ .text {
+ width: 70px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
}
-
img {
- margin: 0 5px;
+ position: relative;
+ top: 0.1rem;
+ margin: 0 0rem 0 0.4rem;
+ width: 8px;
+ height: 5px;
}
}
diff --git a/styles/new-container.less b/styles/new-container.less
index b6b1cf6f4f..0aaa7c2d11 100644
--- a/styles/new-container.less
+++ b/styles/new-container.less
@@ -55,7 +55,7 @@
}
.verify {
- margin: 15px 0;
+ margin: 0.5rem 0 3rem 0;
position: relative;
.spinner {