Better folding for GUI the overview page on small screens

diff --git a/include/about-ardours-interface.html b/include/about-ardours-interface.html
index 92db8d1ed42e474f8963da721862cea19a1e895f..af69bd6615d2648f4f7f9cde157e42db18e9b893 100644 (file)
--- a/include/about-ardours-interface.html
+++ b/include/about-ardours-interface.html
@@ -6,7 +6,7 @@
 
 <figure style="width:100%;">
 
-  <div class="container" style="float:left; width: 600px; height: 347px; background-image: url('/images/Split_Backgroundeditor.png');">
+  <div class="container" style="float:left; width: 600px; height: 347px; margin-right:10px; margin-bottom:10px; background-image: url('/images/Split_Backgroundeditor.png');">
                        <a href="@@main-menu"><div class="hoverimg" style="left: 0px; top: 11px; width: 297px; height: 13px; background-image: url('/images/Split_MainMenu.png');"></div></a>
                        <a href="@@status-bar"><div class="hoverimg" style="left: 297px; top: 11px; width: 303px; height: 13px; background-image: url('/images/Split_StatusBar.png');"></div></a>
                        <a href="@@transport-bar"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>
@@ -37,7 +37,7 @@
                        <a href="@@midi-track-controls"><div class="hoverimg" style="left: 50px; top: 242px; width: 448px; height: 54px; background-image: url('/images/Split_anotherMIDITrack.png');"></div></a>
                </div>
 
-  <div class="container" style="margin-left:10px; float:left; width: 600px; height: 347px; background-image: url('/images/Split_Background.png');">
+  <div class="container" style="float:left; width: 600px; height: 347px; background-image: url('/images/Split_Background.png');">
                        <a href="@@main-menu"><div class="hoverimg" style="left: 0px; top: 11px; width: 297px; height: 13px; background-image: url('/images/Split_MainMenu.png');"></div></a>
                        <a href="@@status-bar"><div class="hoverimg" style="left: 297px; top: 11px; width: 303px; height: 13px; background-image: url('/images/Split_StatusBar.png');"></div></a>
                        <a href="@@transport-bar"><div class="hoverimg" style="left: 0px; top: 24px; width: 86px; height: 24px; background-image: url('/images/Split_Transport.png');"></div></a>