Fix container width

Victor Costa
1 parent 57a3f1b0
Showing 4 changed files with 16 additions and 7 deletions Show diff stats
src/app/components/navbar/navbar.scss
src/app/profile/profile.html
src/app/profile/profile.scss
src/index.html
 .navbar {
+  .container-fluid {
+    padding: 0 12%;
+    @media (max-width: 978px) {
+      padding: 0 2%;
+    }
+  }
+
   .noosfero-logo img {
     height: 35px;
   }
-<div class="container">
-
-  <div>
-    <acme-navbar></acme-navbar>
-  </div>
-
+<div class="profile-container">
   <div class="row">
     <ng-include ng-repeat="box in vm.owner.boxes | orderBy: vm.boxesOrder" src="'app/views/profile/box.html'"></ng-include>
   </div>
-
 </div>
@@ -0,0 +1,7 @@
+.profile-container {
+  @extend .container-fluid;
+  padding: 0 12%;
+  @media (max-width: 978px) {
+    padding: 0 2%;
+  }
+}
@@ -25,6 +25,7 @@
       <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
     <![endif]-->
+    <acme-navbar></acme-navbar>
     <div ui-view></div>
     <!-- build:js(src) scripts/vendor.js -->
1	.navbar {	1	.navbar {
2		2
		3	+ .container-fluid {
		4	+ padding: 0 12%;
		5	+ @media (max-width: 978px) {
		6	+ padding: 0 2%;
		7	+ }
		8	+ }
		9	+
3	.noosfero-logo img {	10	.noosfero-logo img {
4	height: 35px;	11	height: 35px;
5	}	12	}
1	-<div class="container">
2	-
3	- <div>
4	- <acme-navbar></acme-navbar>
5	- </div>
6	-	1	+<div class="profile-container">
7	<div class="row">	2	<div class="row">
8	<ng-include ng-repeat="box in vm.owner.boxes \| orderBy: vm.boxesOrder" src="'app/views/profile/box.html'"></ng-include>	3	<ng-include ng-repeat="box in vm.owner.boxes \| orderBy: vm.boxesOrder" src="'app/views/profile/box.html'"></ng-include>
9	</div>	4	</div>
10	-
11	</div>	5	</div>
@@ -0,0 +1,7 @@		@@ -0,0 +1,7 @@
	1	+.profile-container {
	2	+ @extend .container-fluid;
	3	+ padding: 0 12%;
	4	+ @media (max-width: 978px) {
	5	+ padding: 0 2%;
	6	+ }
	7	+}
	@@ -25,6 +25,7 @@		@@ -25,6 +25,7 @@
25	<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>	25	<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
26	<![endif]-->	26	<![endif]-->
27		27
		28	+ <acme-navbar></acme-navbar>
28	<div ui-view></div>	29	<div ui-view></div>
29		30
30	<!-- build:js(src) scripts/vendor.js -->	31	<!-- build:js(src) scripts/vendor.js -->