#14

- bigger icons in vertical menu
- site zoom problem in iPhone landscape mode

template/_header.html

@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=__page_charset__" />
-    <meta name="viewport" content="width=device-width" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
     <title>__page_header__</title>
     <base href="<bx_url_root />" />
     __page_description__

template/css/default.css

@@ -201,7 +201,7 @@
 
 /* colors */
 .bx-def-color-bg-page {
-    background-color:#f2f2f2;
+    background-color:blue;
     background-image:url(../images/bg-page.png);
 }
 .bx-def-color-bg-block {

template/css/menu.css

@@ -56,22 +56,27 @@ ul.bx-menu-ver {
     color:#000;
 }
 
+.bx-menu-ver li img,
+.bx-menu-ver li .sys-icon,
+.bx-menu-ver li span {
+    display:inline-block;
+    vertical-align:middle;
+}
+.bx-menu-ver li img,
+.bx-menu-ver li .sys-icon {
+    width:20px;
+    height:20px;
+    margin-right:2px;
+    text-align:center;
+}
+
 .bx-menu-ver li img {
-    width:16px;
-    height:16px;
     background-position:center center;
     background-repeat:no-repeat;
-    vertical-align:bottom;
 }
 
 .bx-menu-ver li .sys-icon {
-
-    display:inline-block;
-    width:16px;
-
-    text-align:center;
-    font-size:16px;
-
+    font-size:20px;
 }
 
 .bx-menu-ver .bx-def-hr {

template/menu_vertical.html

@@ -3,9 +3,9 @@
         <li class="bx-def-round-corners bx-def-color-bg-hl-hover __class_add__">
             <a href="__link__" target="__target__" onclick="__onclick__">
                 <div class="bx-def-padding-right bx-def-padding-sec-left bx-def-padding-sec-top bx-def-padding-sec-bottom">
-                    <bx_if:icon><i class="sys-icon __icon__ bx-def-margin-sec-right"></i></bx_if:icon>
-                    <bx_if:image><img class="bx-def-margin-sec-right" style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
-                    __title__
+                    <bx_if:icon><i class="sys-icon __icon__"></i></bx_if:icon>
+                    <bx_if:image><img style="background-image:url(__icon_url__)" src="<bx_icon_url:spacer.gif />" /></bx_if:image>
+                    <span>__title__</span>
                 </div>
             </a>
         </li>