ux: tweaked light theme and made page container more fluid

public/sass/_variables.light.scss

@@ -122,8 +122,8 @@ $code-tag-bg:       $gray-6;
 $code-tag-border:   darken($code-tag-bg, 3%);
 $code-tag-border:   darken($code-tag-bg, 3%);
 
 
 // cards
 // cards
-$card-background: linear-gradient(135deg, $gray-4, $gray-5);
-$card-background-hover: linear-gradient(135deg, $gray-6, $gray-7);
+$card-background: linear-gradient(135deg, $gray-6, $gray-5);
+$card-background-hover: linear-gradient(135deg, $gray-5, $gray-6);
 $card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .1);
 $card-shadow: -1px -1px 0 0 hsla(0, 0%, 100%, .1), 1px 1px 0 0 rgba(0, 0, 0, .1);
 
 
 // Lists
 // Lists
@@ -194,7 +194,7 @@ $input-invalid-border-color:     lighten($red, 5%);
 
 
 // Sidemenu
 // Sidemenu
 // -------------------------
 // -------------------------
-$side-menu-bg:            $dark-3;
+$side-menu-bg:            $dark-2;
 $side-menu-item-hover-bg: $gray-1;
 $side-menu-item-hover-bg: $gray-1;
 $side-menu-shadow:        5px 0px 10px -5px $gray-1;
 $side-menu-shadow:        5px 0px 10px -5px $gray-1;
 $side-menu-link-color:    $gray-6;
 $side-menu-link-color:    $gray-6;

public/sass/_variables.scss

@@ -75,7 +75,7 @@ $container-max-widths: (
 $grid-columns:      12 !default;
 $grid-columns:      12 !default;
 $grid-gutter-width: 30px !default;
 $grid-gutter-width: 30px !default;
 
 
-$enable-flex: false;
+$enable-flex: true;
 
 
 // Typography
 // Typography
 // -------------------------
 // -------------------------
@@ -224,7 +224,7 @@ $btn-padding-y-lg:               11px !default;
 $btn-padding-x-xl:               21px !default;
 $btn-padding-x-xl:               21px !default;
 $btn-padding-y-xl:               11px !default;
 $btn-padding-y-xl:               11px !default;
 
 
-$btn-border-radius:              3px;
+$btn-border-radius:              2px;
 
 
 // sidemenu
 // sidemenu
 $side-menu-width:  60px;
 $side-menu-width:  60px;

public/sass/components/_filter-table.scss

@@ -34,8 +34,6 @@
     padding: $table-cell-padding;
     padding: $table-cell-padding;
     line-height: 30px;
     line-height: 30px;
     height: 30px;
     height: 30px;
-    //border-bottom: 1px solid black;
-    border-bottom: 1px solid #ECECEC;
     white-space: nowrap;
     white-space: nowrap;
 
 
     &.filter-table__switch-cell {
     &.filter-table__switch-cell {

public/sass/layout/_page.scss

@@ -15,8 +15,12 @@
 }
 }
 
 
 .page-container {
 .page-container {
-  @extend .container;
-  padding: 0 $spacer * 2;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left:  $spacer*2;
+  padding-right: $spacer*2;
+  max-width: 980px;
+  @include clearfix();
 }
 }
 
 
 .scroll-canvas {
 .scroll-canvas {