diff --git a/static/logo128.png b/static/logo128.png
index dd44ff0fc..467bde320 100644
Binary files a/static/logo128.png and b/static/logo128.png differ
diff --git a/static/logo64.png b/static/logo64.png
index d623162b3..891190143 100644
Binary files a/static/logo64.png and b/static/logo64.png differ
diff --git a/views/episodes.tpl b/views/episodes.tpl
index e8c85f7bc..4444e04db 100644
--- a/views/episodes.tpl
+++ b/views/episodes.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
@@ -100,34 +100,54 @@
 		
 		<div style='padding-left: 2em; padding-right: 2em;' class='ui container'>	
 			<div id="divdetails" class="ui container">
-				<img class="left floated ui image" style="max-height:250px;" src="{{base_url}}image_proxy{{details[2]}}">
-				<div class="ui right floated basic icon buttons">
-					<button id="scan_disk" class="ui button" data-tooltip="Scan disk for subtitles"><i class="ui inverted large compact refresh icon"></i></button>
-					<button id="search_missing_subtitles" class="ui button" data-tooltip="Download missing subtitles"><i class="ui inverted huge compact search icon"></i></button>
-					<%
-					subs_languages = ast.literal_eval(str(details[7]))
-					subs_languages_list = []
-					if subs_languages is not None:
-						for subs_language in subs_languages:
-							subs_languages_list.append(subs_language)
-						end
-					end
-					%>
-					<button id="config" class="ui button" data-tooltip="Edit series" data-tvdbid="{{details[5]}}" data-title="{{details[0]}}" data-poster="{{details[2]}}" data-audio="{{details[6]}}" data-languages="{{!subs_languages_list}}" data-hearing-impaired="{{details[4]}}"><i class="ui inverted large compact configure icon"></i></button>
+				<div class="ui stackable grid">
+					<div class="three wide column">
+						<img class="ui image" style="max-height:250px;" src="{{base_url}}image_proxy{{details[2]}}">
+					</div>
+
+					<div class="thirteen wide column">
+						<div class="ui stackable grid">
+							<div class="ui row">
+								<div class="twelve wide left aligned column">
+									<h2>{{details[0]}}</h2>
+								</div>
+
+								<div class="four wide right aligned column">
+									<div class="ui basic icon buttons">
+										<button id="scan_disk" class="ui button" data-tooltip="Scan disk for subtitles"><i class="ui inverted large compact refresh icon"></i></button>
+										<button id="search_missing_subtitles" class="ui button" data-tooltip="Download missing subtitles"><i class="ui inverted huge compact search icon"></i></button>
+										<%
+										subs_languages = ast.literal_eval(str(details[7]))
+										subs_languages_list = []
+										if subs_languages is not None:
+											for subs_language in subs_languages:
+												subs_languages_list.append(subs_language)
+											end
+										end
+										%>
+										<button id="config" class="ui button" data-tooltip="Edit series" data-tvdbid="{{details[5]}}" data-title="{{details[0]}}" data-poster="{{details[2]}}" data-audio="{{details[6]}}" data-languages="{{!subs_languages_list}}" data-hearing-impaired="{{details[4]}}"><i class="ui inverted large compact configure icon"></i></button>
+									</div>
+								</div>
+							</div>
+
+							<div class="ui row">
+								<p>{{details[1]}}</p>
+							</div>
+
+							<div class="ui row">
+								<div class="ui tiny inverted label" style='background-color: #777777;'>{{details[6]}}</div>
+								<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{details[8]}}</div>
+								<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{number}} files</div>
+							</div>
+
+							<div class="ui row">
+								%for language in subs_languages_list:
+								<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{language}}</div>
+								%end
+							</div>
+						</div>
+					</div>
 				</div>
-				<h2>{{details[0]}}</h2>
-				<p>{{details[1]}}</p>
-				<p style='margin-top: 3em;'>
-					<div class="ui tiny inverted label" style='background-color: #777777;'>{{details[6]}}</div>
-					<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{details[8]}}</div>
-					<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{number}} files</div>
-				</p>
-				<p style='margin-top: 2em;'>
-					%for language in subs_languages_list:
-                    <div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{language}}</div>
-					%end
-				</p>
-				<div style='clear:both;'></div>
 			</div>
 
 			%if len(seasons) == 0:
diff --git a/views/footer.tpl b/views/footer.tpl
index 858f1bfca..f526b1ccf 100644
--- a/views/footer.tpl
+++ b/views/footer.tpl
@@ -1,8 +1,5 @@
+<!DOCTYPE html>
 <html>
-    <header>
-        <!DOCTYPE html>
-    </header>
-
     <body>
         <div style='margin-bottom:2em; color:Gray;' class="ui center aligned container">
             Bazarr Ver. {{bazarr_version}}
diff --git a/views/history.tpl b/views/history.tpl
index 83721376b..6c8086e63 100644
--- a/views/history.tpl
+++ b/views/history.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/historymovies.tpl b/views/historymovies.tpl
index 346ae279d..e828f8590 100644
--- a/views/historymovies.tpl
+++ b/views/historymovies.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/historyseries.tpl b/views/historyseries.tpl
index a58c3d4b0..40dfdd1b7 100644
--- a/views/historyseries.tpl
+++ b/views/historyseries.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/login.tpl b/views/login.tpl
index cb770c1a6..38a2c977b 100644
--- a/views/login.tpl
+++ b/views/login.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/logs.tpl b/views/logs.tpl
index 1390d1ea4..950c308cb 100644
--- a/views/logs.tpl
+++ b/views/logs.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/menu.tpl b/views/menu.tpl
index 37f3930b3..6fdd307f1 100644
--- a/views/menu.tpl
+++ b/views/menu.tpl
@@ -1,6 +1,10 @@
+<!DOCTYPE html>
 <html lang="en">
     <head>
-        <!DOCTYPE html>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+		<meta name="mobile-web-app-capable" content="yes"/>
+		<meta name="apple-mobile-web-app-capable" content="yes"/>
+
 		<link href="{{base_url}}static/noty/noty.css" rel="stylesheet">
 		<script src="{{base_url}}static/noty/noty.min.js" type="text/javascript"></script>
 		<style>
@@ -13,6 +17,12 @@
 				margin: 0em !important;
 				background: none !important;
 			}
+			#icon_menu {
+				background: transparent !important;
+				border: solid;
+				border-width: 1px;
+				border-color: white;
+			}
 			.prompt {
 				background-color: #333333 !important;
 				color: white !important;
@@ -26,7 +36,7 @@
 
 			@media only screen and (max-width: 1024px) {
 			    .logo {
-					width: 50%;
+					width: 36px;
 				    height: auto;
 			    }
 			}
@@ -62,9 +72,9 @@
 		% from get_providers import list_throttled_providers
 		% throttled_providers_count = len(eval(str(settings.general.throtteled_providers)))
 		<div id="divmenu" class="ui container">
-			<div class="ui stackable grid">
+			<div class="ui grid">
 				<div class="three wide column">
-					<div class="ui segment menu_segment">
+					<div class="ui compact segment menu_segment">
 						<a href="{{base_url}}"><img class="logo" src="{{base_url}}static/logo128.png"></a>
 					</div>
 				</div>
@@ -124,7 +134,7 @@
 					</div>
 					<div class="ui center aligned segment menu_segment">
 						<div class="ui grid">
-							<div class="ten wide centered column">
+							<div id="search_column" class="centered column">
 								<div class="ui fluid search">
 									<div class="ui left icon fluid input">
 										<input class="prompt" type="text" placeholder="Search in your library">
@@ -137,9 +147,9 @@
 				</div>
 				<div class="three wide right aligned column">
 					<div id="dropdown_menu" class="ui segment menu_segment" hidden="hidden">
-						<div class="ui compact icon menu">
+						<div id="icon_menu" class="ui compact tiny icon menu">
 							<div id="dropdown_menu_button" class="ui floating right dropdown item">
-								<i class="bars icon"></i>
+								<i class="inverted bars icon"></i>
 								<div class="ui menu">
 									% if settings.general.getboolean('use_sonarr'):
 									<a class="item" href="{{base_url}}series">
@@ -300,9 +310,11 @@
 	    if($(window).width() < 1024){
 	    	$('#button_menu').hide();
 	    	$('#dropdown_menu').show();
+	    	$('#search_column').removeClass('ten wide');
 		} else {
 	    	$('#dropdown_menu').hide();
 	    	$('#button_menu').show();
+	    	$('#search_column').addClass('ten wide');
 		}
 	  }).resize();
 </script>
diff --git a/views/movie.tpl b/views/movie.tpl
index 9ec005589..e1ba3ce8d 100644
--- a/views/movie.tpl
+++ b/views/movie.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
@@ -91,46 +91,66 @@
 		
 		<div style='padding-left: 2em; padding-right: 2em;' class='ui container'>
 			<div id="divdetails" class="ui container">
-				<img class="left floated ui image" style="max-height:250px;" src="{{base_url}}image_proxy_movies{{details[2]}}">
-				<div class="ui right floated basic icon buttons">
-					<button id="scan_disk" class="ui button" data-tooltip="Scan disk for subtitles" data-inverted=""><i class="ui inverted large compact refresh icon"></i></button>
-					<button id="search_missing_subtitles_movie" class="ui button" data-tooltip="Download missing subtitles" data-inverted=""><i class="ui inverted huge compact search icon"></i></button>
-					<%
-					subs_languages = ast.literal_eval(str(details[7]))
-					subs_languages_list = []
-					if subs_languages is not None:
-						for subs_language in subs_languages:
-							subs_languages_list.append(subs_language)
-						end
-					end
-					%>
-					%if subs_languages is not None:
-					<button class="manual_search ui button" data-tooltip="Manually search for subtitles" data-inverted="" data-moviePath="{{details[8]}}" data-scenename="{{details[12]}}" data-language="{{subs_languages_list}}" data-hi="{{details[4]}}" data-movie_title="{{details[0]}}" data-radarrId="{{details[10]}}"><i class="ui inverted large compact user icon"></i></button>
-					%end
-					<button id="config" class="ui button" data-tooltip="Edit movie" data-inverted="" data-tmdbid="{{details[5]}}" data-title="{{details[0]}}" data-poster="{{details[2]}}" data-audio="{{details[6]}}" data-languages="{{!subs_languages_list}}" data-hearing-impaired="{{details[4]}}"><i class="ui inverted large compact configure icon"></i></button>
+				<div class="ui stackable grid">
+					<div class="three wide column">
+						<img class="left floated ui image" style="max-height:250px;" src="{{base_url}}image_proxy_movies{{details[2]}}">
+					</div>
+
+					<div class="thirteen wide column">
+						<div class="ui stackable grid">
+							<div class="ui row">
+								<div class="twelve wide left aligned column">
+									<h2>
+					                    %if details[13] == 'True':
+					                    <span data-tooltip="Movie monitored in Radarr"><i class="bookmark icon"></i></span>
+					                    %else:
+					                    <span data-tooltip="Movie unmonitored in Radarr"><i class="bookmark outline icon"></i></span>
+					                    %end
+										{{details[0]}}
+					                </h2>
+								</div>
+
+								<div class="four wide right aligned column">
+									<div class="ui right floated basic icon buttons">
+										<button id="scan_disk" class="ui button" data-tooltip="Scan disk for subtitles" data-inverted=""><i class="ui inverted large compact refresh icon"></i></button>
+										<button id="search_missing_subtitles_movie" class="ui button" data-tooltip="Download missing subtitles" data-inverted=""><i class="ui inverted huge compact search icon"></i></button>
+										<%
+										subs_languages = ast.literal_eval(str(details[7]))
+										subs_languages_list = []
+										if subs_languages is not None:
+											for subs_language in subs_languages:
+												subs_languages_list.append(subs_language)
+											end
+										end
+										%>
+										%if subs_languages is not None:
+										<button class="manual_search ui button" data-tooltip="Manually search for subtitles" data-inverted="" data-moviePath="{{details[8]}}" data-scenename="{{details[12]}}" data-language="{{subs_languages_list}}" data-hi="{{details[4]}}" data-movie_title="{{details[0]}}" data-radarrId="{{details[10]}}"><i class="ui inverted large compact user icon"></i></button>
+										%end
+										<button id="config" class="ui button" data-tooltip="Edit movie" data-inverted="" data-tmdbid="{{details[5]}}" data-title="{{details[0]}}" data-poster="{{details[2]}}" data-audio="{{details[6]}}" data-languages="{{!subs_languages_list}}" data-hearing-impaired="{{details[4]}}"><i class="ui inverted large compact configure icon"></i></button>
+									</div>
+								</div>
+							</div>
+
+							<div class="ui row">
+								{{details[1]}}
+							</div>
+
+							<div class="ui row">
+								<div class="ui tiny inverted label" style='background-color: #777777;'>{{details[6]}}</div>
+								<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{details[8]}}</div>
+								% if details[12] is not None:
+								<div class="ui tiny inverted label" style='background-color: orange;'>{{details[12]}}</div>
+								% end
+							</div>
+
+							<div class="ui row">
+								%for language in subs_languages_list:
+								<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{language}}</div>
+								%end
+							</div>
+						</div>
+					</div>
 				</div>
-				<h2>
-                    %if details[13] == 'True':
-                    <span data-tooltip="Movie monitored in Radarr"><i class="bookmark icon"></i></span>
-                    %else:
-                    <span data-tooltip="Movie unmonitored in Radarr"><i class="bookmark outline icon"></i></span>
-                    %end
-					{{details[0]}}
-                </h2>
-				<p>{{details[1]}}</p>
-				<p style='margin-top: 3em;'>
-					<div class="ui tiny inverted label" style='background-color: #777777;'>{{details[6]}}</div>
-					<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{details[8]}}</div>
-					% if details[12] is not None:
-					<div class="ui tiny inverted label" style='background-color: orange;'>{{details[12]}}</div>
-					% end
-				</p>
-				<p style='margin-top: 2em;'>
-					%for language in subs_languages_list:
-					<div class="ui tiny inverted label" style='background-color: #35c5f4;'>{{language}}</div>
-					%end
-				</p>
-				<div style='clear:both;'></div>
 
 				<div id="fondblanc" class="ui container">
 					<table class="ui very basic single line selectable table">
diff --git a/views/movies.tpl b/views/movies.tpl
index 284392766..335edc151 100644
--- a/views/movies.tpl
+++ b/views/movies.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/movieseditor.tpl b/views/movieseditor.tpl
index 89647957e..2b92ff138 100644
--- a/views/movieseditor.tpl
+++ b/views/movieseditor.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/series.tpl b/views/series.tpl
index 39d0db749..35da06870 100644
--- a/views/series.tpl
+++ b/views/series.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<link rel="stylesheet" href="{{base_url}}static/semantic/semantic.min.css">
@@ -59,7 +59,7 @@
 			<div class="ui basic buttons">
 				<button id="serieseditor" class="ui button"><i class="configure icon"></i>Series Editor</button>
 			</div>
-			<table id="tableseries" class="ui very basic selectable table">
+			<table id="tableseries" class="ui very basic selectable stackable table">
 				<thead>
 					<tr>
 						<th>Name</th>
@@ -75,7 +75,7 @@
 				%import ast
 				%import os
 				%for row in rows:
-					<tr class="selectable">
+					<tr>
 						<td><a href="{{base_url}}episodes/{{row[5]}}">{{row[1]}}</a></td>
 						<td>
 							%if os.path.isdir(row[2]):
diff --git a/views/serieseditor.tpl b/views/serieseditor.tpl
index 90fa6fab3..540d5de1f 100644
--- a/views/serieseditor.tpl
+++ b/views/serieseditor.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/settings.tpl b/views/settings.tpl
index 430cfc253..405106f39 100644
--- a/views/settings.tpl
+++ b/views/settings.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
     <head>
-        <!DOCTYPE html>
         <script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
         <script src="{{base_url}}static/semantic/semantic.min.js"></script>
         <script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/system.tpl b/views/system.tpl
index 842c58a0d..75c77ca87 100644
--- a/views/system.tpl
+++ b/views/system.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/wanted.tpl b/views/wanted.tpl
index 170ceff9f..1ccba70bb 100644
--- a/views/wanted.tpl
+++ b/views/wanted.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/wantedmovies.tpl b/views/wantedmovies.tpl
index 1b2140068..64a28b5cb 100644
--- a/views/wantedmovies.tpl
+++ b/views/wantedmovies.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/wantedseries.tpl b/views/wantedseries.tpl
index db859917f..287db15d6 100644
--- a/views/wantedseries.tpl
+++ b/views/wantedseries.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
 	<head>
-		<!DOCTYPE html>
 		<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
 		<script src="{{base_url}}static/semantic/semantic.min.js"></script>
 		<script src="{{base_url}}static/jquery/tablesort.js"></script>
diff --git a/views/wizard.tpl b/views/wizard.tpl
index 6619863d9..8976abd73 100644
--- a/views/wizard.tpl
+++ b/views/wizard.tpl
@@ -1,6 +1,6 @@
+<!DOCTYPE html>
 <html lang="en">
     <head>
-        <!DOCTYPE html>
         <script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
         <script src="{{base_url}}static/semantic/semantic.min.js"></script>
         <script src="{{base_url}}static/jquery/tablesort.js"></script>
