Add foldback strip documentation

[ardour-manual] / include / about-ardours-interface.html

diff --git a/include/about-ardours-interface.html b/include/about-ardours-interface.html
index 4ae51dc75acd59acf33087f48c99e4dbafb4c519..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>
@@ -92,7 +92,7 @@
 </ul>
 
 <p>
-  Both windows can be visible at the same time (eg. for a multi-monitor
+  Both windows can be visible at the same time (e.g. for a multi-monitor
   setup) using <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Detach</kbd> option in the same submenu.
 </p>