Stop using fixed-width containers

The fixed-width means that lots of screen space is wasted as blank
space on larger monitors. Using .container-fluid means that the
page content uses all of the available space, rather than being
limited to a maximum of 1080px.

Also, override bootstrap's defauls .container-fluid to add a small
left/right margin (5% each side).

Change-Id: I7bce6c7ba0ce315e601476fa9cd9f7f4a1ed787b

src/app/admin/template/project_group.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
 
     <div class="row">
         <div class="col-xs-12">

src/app/admin/template/project_group_edit.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1><i class="fa fa-sb-project-group"></i> {{projectGroup.title}}

src/app/admin/template/team.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1><i class="fa fa-sb-team"></i> Teams</h1>

src/app/admin/template/team_edit.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1><i class="fa fa-sb-team"></i> Edit Team</h1>

src/app/admin/template/user.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
 
     <div class="row">
         <div class="col-xs-12">

src/app/admin/template/user_edit.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1><i class="fa fa-sb-user"></i> {{user.full_name}}</h1>

src/app/auth/template/busy.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <p class="text-center text-muted">

src/app/auth/template/error.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1>Oh no!</h1>

src/app/dashboard/template/dashboard.html

@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-sm-12">
             <h1>Dashboard</h1>

src/app/dashboard/template/index.html

@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-sm-12">
             <h1>StoryBoard</h1>

src/app/pages/template/about.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1>StoryBoard</h1>

src/app/profile/template/preferences.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container" ng-hide="isLoading">
+<div class="container-fluid" ng-hide="isLoading">
     <div class="row">
         <div class="col-xs-12">
             <h1><i class="fa fa-sb-profile-preferences"

src/app/profile/template/tokens.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container" ng-hide="isLoading">
+<div class="container-fluid" ng-hide="isLoading">
     <div class="row">
         <div class="col-xs-12">
             <h1><i class="fa fa-sb-profile-tokens"></i> Authentication

src/app/project_group/template/detail.html

@@ -1,4 +1,4 @@
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1>

src/app/project_group/template/list.html

@@ -13,7 +13,7 @@
   ~ License for the specific language governing permissions and limitations
   ~ under the License.
   -->
-<div class="container"
+<div class="container-fluid"
      ng-controller="SearchCriteriaController"
      ng-init="init(resourceTypes, defaultCriteria)"
      search-results

src/app/projects/template/detail.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div ng-include
              class="col-xs-12"

src/app/projects/template/list.html

@@ -13,7 +13,7 @@
   ~ License for the specific language governing permissions and limitations
   ~ under the License.
   -->
-<div class="container"
+<div class="container-fluid"
      ng-controller="SearchCriteriaController"
      ng-init="init(resourceTypes, defaultCriteria)"
      search-results

src/app/projects/template/new.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <h1>New Project</h1>

src/app/search/template/index.html

@@ -13,7 +13,7 @@
   ~ License for the specific language governing permissions and limitations
   ~ under the License.
   -->
-<div class="container" ng-controller="SearchCriteriaController"
+<div class="container-fluid" ng-controller="SearchCriteriaController"
      ng-init="init(resourceTypes, defaultCriteria)">
     <div class="row">
         <div class="col-xs-12">

src/app/stories/template/detail.html

@@ -14,7 +14,7 @@
   ~ under the License.
   -->
 
-<div class="container">
+<div class="container-fluid">
     <div class="row">
         <div class="col-xs-12">
             <div ng-include

src/app/stories/template/list.html

@@ -13,7 +13,7 @@
   ~ License for the specific language governing permissions and limitations
   ~ under the License.
   -->
-<div class="container"
+<div class="container-fluid"
      ng-controller="SearchCriteriaController"
      ng-init="init(resourceTypes, defaultCriteria)"
      search-results

src/index.html

@@ -51,7 +51,7 @@
 <header ng-include src="'app/storyboard/template/header_menu.html'"></header>
 <div ng-include src="'app/storyboard/template/side_menu.html'"></div>
 <div ng-if="isResolving">
-    <div class="container">
+    <div class="container-fluid">
         <div class="row">
             <div class="col-xs-12">
                 <p class="text-center text-muted">

src/theme/base/bootstrap_addons.less

@@ -203,3 +203,7 @@ td .form-group:last-child {
     right: (@grid-gutter-width / 2);
     bottom: @padding-base-horizontal;
 }
+
+div .container-fluid {
+    margin: 0% 5%;
+}