Fix horizontal alignment of various page elements #813

Also reduce padding between sort and filter in sidebar

Author: fbacall

app/assets/stylesheets/application.scss

@@ -107,14 +107,12 @@ div.wrapper {
 }
 
 #content {
-  padding: 10px;
   flex-grow: 1;
   overflow: hidden;
 }
 
 #sidebar {
   width: $sidebar-width;
-  padding: 10px;
   margin-right: $layout-spacing-base * 2;
   margin-top: $layout-spacing-base;
   flex-shrink: 0;
@@ -194,7 +192,7 @@ div.wrapper {
 }
 
 ul.facet-sort-wrap {
-  margin-bottom: $layout-spacing-base * 2;
+  margin-bottom: $layout-spacing-base;
 }
 
 .facet-sort {

app/assets/stylesheets/themes/default.scss

@@ -24,7 +24,7 @@ $light-05-color: rgba(244, 247, 251, 0.05); // Unused
 // TeSS variables
 //////////////////////////////
 // Misc
-$layout-spacing-base: 24px;
+$layout-spacing-base: 30px;
 $item-padding-base: 24px;
 $sidebar-width: 280px;
 $transition-time: 300ms;
@@ -115,6 +115,8 @@ $breadcrumb-bg: transparent;
 $breadcrumb-separator: "/";
 $breadcrumb-color: $dark-color !default;
 $breadcrumb-active-color: $dark-color !default;
+$breadcrumb-padding-horizontal: 5px;
+$breadcrumb-padding-vertical: $layout-spacing-base / 2;
 
 // Pagination
 $pagination-color: $primary-color;