From 6ff82475e4e705303013c6f91849a5cd1e1c2efe Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Mon, 8 Jun 2015 15:00:56 +0200
Subject: [PATCH] set min-width on name field when name is empty

---
 src/Umbraco.Web.UI.Client/src/less/panel.less                 | 4 ++++
 .../src/views/components/editor/umb-editor-header.html        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/panel.less b/src/Umbraco.Web.UI.Client/src/less/panel.less
index 91b9b18932..7ce65b2eae 100644
--- a/src/Umbraco.Web.UI.Client/src/less/panel.less
+++ b/src/Umbraco.Web.UI.Client/src/less/panel.less
@@ -353,6 +353,10 @@ input.umb-panel-header-name {
   }
 }
 
+input.umb-panel-header-name.name-is-empty {
+  min-width: 110px;
+}
+
 .umb-panel-header-alias {
   font-size: 13px;
   color: #cccccc;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
index 54fac04f07..8611db0334 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-header.html
@@ -20,7 +20,7 @@
                 </umb-content-name>
                 -->
                 <div class="umb-panel-header-name-wrapper">
-                    <input type="text" class="umb-panel-header-name" ng-model="name" placeholder="Enter name..." umb-auto-resize />
+                    <input type="text" class="umb-panel-header-name" ng-model="name" placeholder="Enter name..." ng-class="{'name-is-empty': name===null || name===''}" umb-auto-resize />
                     <div class="umb-panel-header-alias"><i class="icon icon-lock"></i>{{ alias }}</div>
                 </div>