3 files changed, 27 insertions, 21 deletions

diff --git a/gui/devices/320x320/res/images/top-bar.jpg b/gui/devices/320x320/res/images/top-bar.jpg
deleted file mode 100644
index 5c02ec8f3..000000000
--- a/gui/devices/320x320/res/images/top-bar.jpg
+++ /dev/null
diff --git a/gui/devices/320x320/res/images/twrplogo.png b/gui/devices/320x320/res/images/twrplogo.png
new file mode 100644
index 000000000..a95be1a30
--- /dev/null
+++ b/gui/devices/320x320/res/images/twrplogo.png
diff --git a/gui/devices/320x320/res/ui.xml b/gui/devices/320x320/res/ui.xml
index 71cc5e2e6..a0b1c8a06 100644
--- a/gui/devices/320x320/res/ui.xml
+++ b/gui/devices/320x320/res/ui.xml
@@ -18,11 +18,11 @@
 		<resource name="font" type="font" filename="RobotoCondensed-Regular.ttf" size="14" fallback="Roboto-Condensed-14" />
 		<resource name="mediumfont" type="font" filename="RobotoCondensed-Regular.ttf" size="14" fallback="Roboto-Condensed-14" />
 		<resource name="filelist" type="font" filename="RobotoCondensed-Regular.ttf" size="14" fallback="Roboto-Condensed-14" />
-		<resource name="top_bar" type="image" filename="top-bar.jpg" />
+		<resource name="twrplogo" type="image" filename="twrplogo" retainaspect="1" />
 		<resource name="main_button" type="image" filename="menu-button" />
-		<resource name="file_icon" type="image" filename="file" />
-		<resource name="folder_icon" type="image" filename="folder" />
-		<resource name="slideout" type="image" filename="slideout" />
+		<resource name="file_icon" type="image" filename="file" retainaspect="1" />
+		<resource name="folder_icon" type="image" filename="folder" retainaspect="1" />
+		<resource name="slideout" type="image" filename="slideout" retainaspect="1" />
 		<resource name="progress" type="animation" filename="indeterminate" />
 		<resource name="progress_empty" type="image" filename="progress_empty" />
 		<resource name="progress_full" type="image" filename="progress_fill" />
@@ -34,12 +34,12 @@
 		<resource name="sort_button" type="image" filename="sort-button" />
 		<resource name="minus_button" type="image" filename="minus-button" />
 		<resource name="plus_button" type="image" filename="plus-button" />
-		<resource name="home_icon" type="image" filename="home-icon" />
-		<resource name="back_icon" type="image" filename="back-icon" />
-		<resource name="slider" type="image" filename="slider" />
-		<resource name="slider-used" type="image" filename="slider-used" />
-		<resource name="slider-touch" type="image" filename="slider-touch" />
-		<resource name="unlock-icon" type="image" filename="unlock" />
+		<resource name="home_icon" type="image" filename="home-icon" retainaspect="1" />
+		<resource name="back_icon" type="image" filename="back-icon" retainaspect="1" />
+		<resource name="slider" type="image" filename="slider" retainaspect="1" />
+		<resource name="slider-used" type="image" filename="slider-used" retainaspect="1" />
+		<resource name="slider-touch" type="image" filename="slider-touch" retainaspect="1" />
+		<resource name="unlock-icon" type="image" filename="unlock" retainaspect="1" />
 		<resource name="keyboard1" type="image" filename="keyboard1" />
 		<resource name="keyboard2" type="image" filename="keyboard2" />
 		<resource name="keyboard3" type="image" filename="keyboard3" />
@@ -92,7 +92,6 @@
 		<variable name="row5_medium_y" value="88" />
 		<variable name="row6_medium_y" value="104" />
 		<variable name="row7_medium_y" value="120" />
-		<variable name="slider_x" value="45" />
 		<variable name="slider_y" value="268" />
 		<variable name="slider_text_y" value="294" />
 		<variable name="button_text_color" value="#AAAAAA" />
@@ -103,7 +102,7 @@
 		<variable name="caps_highlight_color" value="#33B5E580" />
 		<variable name="home_button_x" value="3" />
 		<variable name="home_button_y" value="300" />
-		<variable name="back_button_x" value="280" />
+		<variable name="back_button_x" value="317" />
 		<variable name="back_button_y" value="300" />
 		<variable name="sort_text_x" value="20" />
 		<variable name="sort_asc_text_y" value="232" />
@@ -162,8 +161,7 @@
 		<variable name="sdswap_text_y" value="47" />
 		<variable name="sdfilesystem_text_y" value="92" />
 		<variable name="sdfilesystem_button_y" value="120" />
-		<variable name="lock_x" value="96" />
-		<variable name="lock_y" value="70" />
+		<variable name="lock_y" value="120" />
 		<variable name="filemanager_select_x" value="130" />
 		<variable name="filemanager_select_y" value="280" />
 		<variable name="terminal_console_height" value="126" />
@@ -207,27 +205,35 @@
 
 	<templates>
 		<template name="twrpheader">
+			<object type="fill" color="%button_fill_color%">
+				<placement x="0" y="0" w="320" h="26" />
+			</object>
+
+			<object type="fill" color="%highlight%">
+				<placement x="0" y="26" w="320" h="1" />
+			</object>
+
 			<object type="image">
-				<image resource="top_bar" />
-				<placement x="0" y="0" />
+				<image resource="twrplogo" />
+				<placement x="13" y="13" placement="4" />
 			</object>
 
 			<object type="text" color="%text_color%">
 				<font resource="font" />
-				<placement x="3" y="3" />
+				<placement x="25" y="3" />
 				<text>TWRP v%tw_version%</text>
 			</object>
 
 			<object type="text" color="%text_fail_color%">
 				<condition var1="tw_simulate_actions" var2="1" />
 				<font resource="font" />
-				<placement x="3" y="21" />
+				<placement x="25" y="21" />
 				<text>SIMULATION</text>
 			</object>
 
 			<object type="text" color="%text_color%">
 				<font resource="font" />
-				<placement x="110" y="3" />
+				<placement x="160" y="3" placement="5" />
 				<text>%tw_time%</text>
 			</object>
 
@@ -265,7 +271,7 @@
 			</object>
 
 			<object type="button">
-				<placement x="%back_button_x%" y="%back_button_y%" />
+				<placement x="%back_button_x%" y="%back_button_y%" placement="1" />
 				<font resource="font" color="%button_text_color%" />
 				<text></text>
 				<image resource="back_icon" />
@@ -371,7 +377,7 @@
 
 		<template name="footer">
 			<object type="console">
-				<slideout resource="slideout" x="130" y="288" />
+				<slideout resource="slideout" x="%center_x%" y="288" placement="5" />
 				<placement x="%console_x%" y="0" w="%console_width%" h="288" />
 				<color foreground="%console_foreground%" background="%console_background%" scroll="%console_scroll%" />
 				<font resource="fixed" />