Improve UI on mobile devices

app/routes.py

@@ -423,16 +423,16 @@ def importdata():
         # check if the post request has the file part
         if 'file' not in request.files:
             flash('No file part')
-            return redirect(request.url)
+            return redirect(request.referrer)
         file = request.files['file']
         # if user does not select file, browser also
         # submit an empty part without filename
         if file.filename == '':
             flash('No selected file')
-            return redirect(request.url)
+            return redirect(request.referrer)
         if file and allowed_file(file.filename):
             importAccounts(file)
-            return render_template('settings.html')
+            return redirect(request.referrer)
 
     return redirect(request.referrer)
 

app/static/styles.css

@@ -43,4 +43,8 @@
 
 .overflow-auto{
     overflow: auto;
+}
+
+.menu{
+    width: 100% !important;
 }

app/templates/_video_item.html

@@ -3,9 +3,9 @@
         <img src="{{video.videoThumb}}">
     </div>
     <div class="content">
-        <a class="video-title" href="{{url_for('watch', v=video.id, _method='GET')}}">{{video.videoTitle}}</a>
+        <a class="video-title break-word" href="{{url_for('watch', v=video.id, _method='GET')}}">{{video.videoTitle}}</a>
         <div class="meta">
-            <a href="{{url_for('channel', id=video.channelId)}}">{{video.channelName}}</a>
+            <a class="break-word" href="{{url_for('channel', id=video.channelId)}}">{{video.channelName}}</a>
         </div>
         <div class="description break-word">
             {{video.description}}

app/templates/base.html

@@ -8,6 +8,7 @@
         {% else %}
         <title>Yotter</title>
         {% endif %}
+        <meta name="viewport" content="width=device-width, user-scalable=no">
         <link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='semantic/semantic.min.css') }}">
         <link rel="stylesheet" type= "text/css" href="{{ url_for('static',filename='styles.css') }}">
     </head>