From b843776cc935369cea8f85b74e8cfebb9ebde63e Mon Sep 17 00:00:00 2001
From: Christoph Wiechert <wio@psitrax.de>
Date: Mon, 8 May 2017 23:40:01 +0200
Subject: [PATCH] Add improvements for small screens

---
 README.md          |  1 +
 app/src/Upload.vue | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 3d50c82..5098725 100644
--- a/README.md
+++ b/README.md
@@ -12,6 +12,7 @@ Simple open source self-hosted file sharing solution.
 It's an alternative to paid services like Dropbox, WeTransfer.
 
 * No accounts, no logins
+* Mobile friendly responsive interface
 * Supports many and very big files (Streams ftw)
 * Resumable up- and downloads ([tus.io](https://tus.io))
 * Set an expire-time for your upload bucket
diff --git a/app/src/Upload.vue b/app/src/Upload.vue
index 2b400da..365d90a 100644
--- a/app/src/Upload.vue
+++ b/app/src/Upload.vue
@@ -1,9 +1,9 @@
 <template lang="pug">
-  .upload-app
+  .upload-app#uploadApp
     .btn-group(style='position: absolute; top: 15px; right: 15px;')
       a.btn.btn-sm.btn-info(@click='newSession()', title='New Upload')
         i.fa.fa-fw.fa-cloud-upload
-        |  new upload
+        span.hidden-xs  new upload
     .alert.alert-danger(v-show="error")
       strong
         i.fa.fa-exclamation-triangle
@@ -69,6 +69,16 @@
       }
     },
 
+    watch: {
+      state: function(val) {
+        if(val === 'uploaded' || val === 'uploadError') {
+          const el = document.getElementById('uploadApp');
+          if(!el || !el.scrollIntoView) return;
+          el.scrollIntoView(true);
+        }
+      }
+    },
+
     methods: {
       newSession() {
         if(!confirm('Create a new upload session?')) return;