add hint about clicking logo

messages.po

@@ -8,7 +8,7 @@ msgid ""
 msgstr ""
 "Project-Id-Version: PROJECT VERSION\n"
 "Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
-"POT-Creation-Date: 2018-04-18 22:30-0400\n"
+"POT-Creation-Date: 2018-04-28 13:36-0400\n"
 "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
 "Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
 "Language-Team: LANGUAGE <LL@li.org>\n"
@@ -317,6 +317,9 @@ msgstr ""
 msgid "Page"
 msgstr ""
 
+msgid "Click to choose another logo"
+msgstr ""
+
 msgid "Enter job title..."
 msgstr ""
 

print/resources/style.css

@@ -90,6 +90,10 @@
         content: attr(data-label);
         padding-right: 0.5em;
     }
+
+    span.logo-instructions {
+      display: none;
+    }
 }
 
 @page {
@@ -279,6 +283,17 @@ body {
     opacity: 0%;
   }
 
+  .logo-instructions {
+    white-space: nowrap;
+
+    /* chrome ignores this :(
+    text-align: center;
+    */
+
+    font-size: 10px;
+    color: rgb(192, 192, 192);
+  }
+
   .operator-detailedview figure.brandlogo {
     height: 20mm;
     width: 30mm;

print/templates/headline.html

@@ -3,6 +3,7 @@
     <img src="{{ logo.src or "resources/inkstitch-logo.svg" }}" alt="{{ logo.title }}" title="{{ logo.title }}" data-field-name="logo">
     <input type=file id="logo-picker" />
   </label>
+  <span class="logo-instructions">{{ _("Click to choose another logo") }}</span>
 </figure>
 <div class="headline">
   <div class="pageTitle">