fixes #1112 better management for long username + long gallery name on small screen

admin/themes/default/template/header.tpl

@@ -57,7 +57,7 @@
   <div class="pwgHead-gallery-title">{$GALLERY_TITLE}</div>
 
   <div id="headActions">
-    <i class="icon-user"></i>{$USERNAME}
+    <span class="admin-head-username"><i class="icon-user"></i>{$USERNAME}</span>
 {*
     <a href="{$U_RETURN}" title="{'Visit Gallery'|translate}"><i class="icon-eye"></i><span>{'Visit Gallery'|translate}</span></a>
 *}

admin/themes/default/theme.css

@@ -320,7 +320,7 @@ BODY {
   text-align: left;
   font-size: 18px;
   float:left;
-  width: 50%;
+  width: calc(100% - 330px);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -328,6 +328,10 @@ BODY {
   margin: 0 0 0 220px;
 }
 
+.admin-head-username {
+  display: none;
+}
+
 #pwgHead A {color:#ccc;}
 #pwgHead A:hover {color:#fff}
 
@@ -1589,6 +1593,14 @@ fieldset#environment legend i[class*="icon-"] {
   #headActions a span {
     display:inline;
   }
+
+  #pwgHead .pwgHead-gallery-title {
+    width: calc(100% - 650px);
+  }
+
+  .admin-head-username {
+    display: inline;
+  }
 }
 
 .buttonLike, input[type="submit"], input[type="button"], input[type="reset"] {