Index: /trunk/src/VBox/ValidationKit/testmanager/htdocs/css/common.css
===================================================================
--- /trunk/src/VBox/ValidationKit/testmanager/htdocs/css/common.css	(revision 65144)
+++ /trunk/src/VBox/ValidationKit/testmanager/htdocs/css/common.css	(revision 65145)
@@ -177,4 +177,7 @@
 }
 
+body.tm-wide-side-menu #side-menu-wrap {
+    width:          300px;
+}
 #side-menu-wrap {
     position:       fixed;
@@ -194,7 +197,10 @@
 #side-menu {
     margin-top:     46px;
+    margin-top:     70px;
+    padding-top:    6px
     height:         auto;
     max-height:     100%;
-    width:          156px;
+    width:          95%;
+    width:          calc(100% - 8px); /* CSS3 */
 
     display:            flex;
@@ -209,4 +215,7 @@
 }
 
+body.tm-wide-side-menu #main {
+    margin-left:    300px;
+}
 #main {
     height:         100%;
@@ -247,5 +256,15 @@
     background-color: #c0d0e0;
     padding:        2px 2px 2px 2px;
+}
+
+#top-menu.tm-top-menu-wo-side {
     border-radius:  12px;
+}
+#top-menu {
+    border-radius:  12px 12px 12px 0px;
+}
+
+#side-menu {
+    border-radius:  0px 0px 12px 12px;
 }
 
@@ -275,5 +294,5 @@
 /* Side menu: */
 #side-menu {
-    padding-top:    28px; /**< #top-menu.max-height */
+    /* margin-top and padding-top are set up in layout !*/
     margin-right:   3px;
     margin-left:    3px;
@@ -308,4 +327,9 @@
     margin-top:     0.5em;
 }
+
+.tm-sidebar-size-link {
+    float:          right;
+}
+
 
 /* Webkit: Pretty scroll bars on the menu body as well as inside filter criteria. */
@@ -441,5 +465,6 @@
  */
 #top-menu {
-   margin:          0 auto;
+   margin-right:   3px;                 /* same as #side-menu! */
+   margin-left:    3px;
 }
 
Index: /trunk/src/VBox/ValidationKit/testmanager/htdocs/js/common.js
===================================================================
--- /trunk/src/VBox/ValidationKit/testmanager/htdocs/js/common.js	(revision 65144)
+++ /trunk/src/VBox/ValidationKit/testmanager/htdocs/js/common.js	(revision 65145)
@@ -434,4 +434,28 @@
     }
     return true;
+}
+
+/**
+ * Toggles the sidebar size so filters can more easily manipulated.
+ */
+function toggleSidebarSize()
+{
+    var sLinkText;
+    if (document.body.className != 'tm-wide-side-menu')
+    {
+        document.body.className = 'tm-wide-side-menu';
+        sLinkText = '\u00ab\u00ab';
+    }
+    else
+    {
+        document.body.className = '';
+        sLinkText = '\u00bb\u00bb';
+    }
+
+    var aoToggleLink = document.getElementsByClassName('tm-sidebar-size-link');
+    var i;
+    for (i = 0; i < aoToggleLink.length; i++)
+        if (aoToggleLink[i].textContent.indexOf('\u00bb') >= 0 || aoToggleLink[i].textContent.indexOf('\u00ab') >= 0)
+            aoToggleLink[i].textContent = sLinkText;
 }
 
Index: /trunk/src/VBox/ValidationKit/testmanager/webui/template-details.html
===================================================================
--- /trunk/src/VBox/ValidationKit/testmanager/webui/template-details.html	(revision 65144)
+++ /trunk/src/VBox/ValidationKit/testmanager/webui/template-details.html	(revision 65145)
@@ -22,5 +22,5 @@
                 <h1>@@PAGE_TITLE@@</h1>
             </div>
-            <div id="top-menu">
+            <div id="top-menu" class="tm-top-menu-wo-side">
                 <ul>
                     @@TOP_MENU_ITEMS@@
Index: /trunk/src/VBox/ValidationKit/testmanager/webui/wuimain.py
===================================================================
--- /trunk/src/VBox/ValidationKit/testmanager/webui/wuimain.py	(revision 65144)
+++ /trunk/src/VBox/ValidationKit/testmanager/webui/wuimain.py	(revision 65145)
@@ -928,5 +928,6 @@
         # Generate the filter panel.
         sHtml += u'<div id="side-filters">\n' \
-                 u' <p>Filters</p>\n' \
+                 u' <p>Filters' \
+                 u' <a href="javascript:toggleSidebarSize();" class="tm-sidebar-size-link">&#x00bb;&#x00bb;</p>\n'\
                  u' <dl>\n';