From 6edd90273d072c7201bda8df320ba126bfce95d5 Mon Sep 17 00:00:00 2001
From: Ad Schellevis <ad@opnsense.org>
Date: Mon, 23 May 2016 17:22:23 +0200
Subject: [PATCH] (ui) fix menu width on small size screens, closes
 https://github.com/opnsense/core/issues/657

---
 .../mvc/app/views/layout_partials/base_menu_system.volt       | 2 +-
 src/opnsense/mvc/app/views/layouts/default.volt               | 2 +-
 src/www/fbegin.inc                                            | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/opnsense/mvc/app/views/layout_partials/base_menu_system.volt b/src/opnsense/mvc/app/views/layout_partials/base_menu_system.volt
index bfa35e66e..501fc00b8 100644
--- a/src/opnsense/mvc/app/views/layout_partials/base_menu_system.volt
+++ b/src/opnsense/mvc/app/views/layout_partials/base_menu_system.volt
@@ -1,4 +1,4 @@
-<aside id="navigation" class="page-side col-xs-12 col-sm-2 hidden-xs">
+<aside id="navigation" class="page-side col-xs-12 col-sm-3 col-lg-2 hidden-xs">
     <div class="row">
         <nav class="page-side-nav" role="navigation">
             <div id="mainmenu" class="panel" style="border:0px" >
diff --git a/src/opnsense/mvc/app/views/layouts/default.volt b/src/opnsense/mvc/app/views/layouts/default.volt
index a90a50e9b..c90eb51b2 100644
--- a/src/opnsense/mvc/app/views/layouts/default.volt
+++ b/src/opnsense/mvc/app/views/layouts/default.volt
@@ -198,7 +198,7 @@
     </nav>
   </header>
 
-  <main class="page-content col-sm-10 col-sm-push-2 ">
+  <main class="page-content col-sm-9 col-sm-push-3 col-lg-10 col-lg-push-2">
 
     <!-- menu system -->
     {{ partial("layout_partials/base_menu_system") }}
diff --git a/src/www/fbegin.inc b/src/www/fbegin.inc
index c217d38a9..ac2f8cca4 100644
--- a/src/www/fbegin.inc
+++ b/src/www/fbegin.inc
@@ -107,8 +107,8 @@ if($need_alert_display == true) {
   </nav>
 </header>
 
-<main class="page-content col-sm-10 col-sm-push-2">
-    <aside id="navigation" class="page-side col-xs-12 col-sm-2 hidden-xs">
+<main class="page-content col-sm-9 col-sm-push-3 col-lg-10 col-lg-push-2">
+    <aside id="navigation" class="page-side col-xs-12 col-sm-3 col-lg-2 hidden-xs">
         <div class="row">
             <nav class="page-side-nav" role="navigation">
                 <div id="mainmenu" class="panel" style="border:0px" >