Merge pull request #394 from chester1000/higher-width

fix(bootstrap): removed styles breaking responsiveness for high-res screens

Author: DaftMonk

app/templates/client/app/app(css).css

@@ -37,10 +37,10 @@
     color: #000;
     padding: 0.2em 0;
 }
-
+<% if (!filters.bootstrap) { %>
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {
     .container {
         max-width: 730px;
     }
-}
+}<% } %>

app/templates/client/app/app(less).less

@@ -14,14 +14,14 @@
     color: #000;
     padding: 0.2em 0;
 }
-
+<% if (!filters.bootstrap) { %>
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {
     .container {
         max-width: 730px;
     }
 }
-
+<% } %>
 // injector
 @import 'account/login/login.less';
 @import 'admin/admin.less';

app/templates/client/app/app(sass).scss

@@ -14,14 +14,14 @@ $fa-font-path: "/bower_components/font-awesome/fonts";
     color: #000;
     padding: 0.2em 0;
 }
-
+<% if (!filters.bootstrap) { %>
 /* Responsive: Portrait tablets and up */
 @media screen and (min-width: 768px) {
     .container {
         max-width: 730px;
     }
 }
-
+<% } %>
 // Component styles are injected through grunt
 // injector
 @import 'account/login/login.scss';

app/templates/client/app/app(stylus).styl

@@ -27,21 +27,21 @@
   font-weight: normal
   font-style: normal
 
-// 
+//
 // App-wide Styles
-// 
+//
 
 .browsehappy
     background #ccc
     color #000
     margin 0.2em 0
     padding 0.2em 0
-
+<% if (!filters.bootstrap) { %>
 // Responsive: Portrait tablets and up
 @media screen and (min-width: 768px)
     .container
         max-width 730px
-
+<% } %>
 // Component styles are injected through grunt
 // injector
 @import "account/login/login"

app/templates/client/app/main/main(html).html

@@ -12,7 +12,7 @@ <h1>'Allo, 'Allo!</h1>
   <div class="row">
     <div class="col-lg-12">
       <h1 class="page-header">Features:</h1>
-      <ul class="nav nav-tabs nav-stacked col-lg-6" ng-repeat="thing in awesomeThings">
+      <ul class="nav nav-tabs nav-stacked col-md-4 col-lg-3 col-xs-6" ng-repeat="thing in awesomeThings">
         <li><a href="#" tooltip="{{thing.info}}">{{thing.name}}<% if(filters.socketio) { %><button type="button" class="close" ng-click="deleteThing(thing)">&times;</button><% } %></a></li>
       </ul>
     </div>

app/templates/client/app/main/main(jade).jade

@@ -10,7 +10,7 @@ header#banner.hero-unit
   .row
     .col-lg-12
       h1.page-header Features:
-      ul.nav.nav-tabs.nav-stacked.col-lg-6(ng-repeat='thing in awesomeThings')
+      ul.nav.nav-tabs.nav-stacked.col-md-4.col-lg-3.col-xs-6(ng-repeat='thing in awesomeThings')
         li
           a(href='#', tooltip='{{thing.info}}')
             | {{thing.name}}<% if(filters.socketio) { %>