fix #503

Author: antgonza

qiita_pet/static/css/style.css

@@ -24,6 +24,15 @@ tr.shown td.more-info-processing-jobs {
     background: url('../img//details_close.png') no-repeat center center;
 }
 
+.blinking-message {
+  animation: blinker 2s linear infinite;
+}
+
+@keyframes blinker {
+  50% { opacity: 0.3; background: #CCC;}
+  100% { opacity: 1.0; background: #FFF;}
+}
+
 /* table in the study description that holds the investigation type elements */
 .investigation-type-table td {
   padding-top: 6px;

qiita_pet/templates/upload.html

@@ -33,10 +33,19 @@
             <td class="progress-pause" nowrap="nowrap">
               &nbsp;&nbsp;&nbsp;&nbsp;
               <a href="#" onclick="uploader.resumable.upload(); return(false);" class="progress-resume-link"><span class="glyphicon glyphicon-play"></span></a>
-              &nbsp;&nbsp;&nbsp;&nbsp;
+
               <a href="#" onclick="uploader.resumable.pause(); return(false);" class="progress-pause-link"><span class="glyphicon glyphicon-pause"></span></a>
             </td>
           </tr>
+          <tr>
+            <td colspan="3">
+              <div class="blinking-message">
+                Keep track of your upload or pause/resume it! <span class="glyphicon glyphicon-arrow-up"></span>
+                <br/>
+                <small>(you can even close your computer or change networks!)</small>
+              </div>
+            </td>
+          <tr>
         </table>
       </div>