Merge pull request #4415 from fedspendingtransparency/staging

Sprint 195: Merge to master for PROD deploy

src/_scss/elements/filters/_selectedFilterBtn.scss

@@ -2,19 +2,20 @@
     .shown-filter-button {
         background-color: $color-white;
         border: 1px solid $color-gray-lighter;
-        border-radius: rem(4);
+        border-radius: rem(2);
         color: $color-gray;
         font-size: $smallest-font-size;
-        font-weight: normal;
-        min-height: rem(31);
+        font-weight: $font-semibold;
+        min-height: rem(22);
         height: auto;
-        padding: rem(6) rem(10);
+        padding: rem(2) rem(4);
         text-align: left;
         width: auto;
         max-width: 90%;
         line-height: 1.3;
-        margin-bottom: rem(2);
         margin-top: rem(2);
+        margin-bottom: 0;
+        margin-right: rem(8);
         @include display(flex);
         @include align-items(center);
 
@@ -30,7 +31,7 @@
         .close {
             @include display(flex);
             font-size: $small-font-size;
-            padding: 0 rem(5) rem(1) rem(15);
+            padding: 0 0 0 rem(4);
         }
         &:hover {
             background: lighten($color-cool-blue-lightest, 10%);

src/_scss/pages/recipient/_contentWrap.scss

@@ -3,8 +3,6 @@
 	color: $color-base;
 
 	.recipient-section {
-		padding: rem(30);
-
 		h3.recipient-section__title {
 			margin: 0;
 			font-size: $h3-font-size;
@@ -79,7 +77,7 @@
 				@include media($tablet-screen) {
 					@include flex(1 1 50%);
 				}
-
+				
 				// this is all to make the borders gray and not doubled
 				// it's not ideal, but here we are
 				.recipient-section__details-table {
@@ -140,6 +138,10 @@
 					}
 				}
 			}
+
+			.recipient-section__viz.details {
+				margin-left: 0;
+			}
 		}
 	}
 

src/_scss/pages/recipient/_overview.scss

@@ -25,6 +25,7 @@
         }
     }
 	.recipient-overview__content {
+        width:100%;
 		h3.recipient-overview__heading {
 			@include h4;
 			font-size: rem(19);

src/_scss/pages/recipient/_positioning.scss

@@ -1,23 +1,14 @@
 .recipient-content-wrapper {
-    @include display(flex);
-    @include align-items(flex-start);
     width: 100%;
-
-    .recipient-sidebar {
-        display: none;
-        margin-top: 0;
-        // Evenly distribute the 30px space between the sidebar & content
-        margin-right: rem(15);
-        @include media($medium-screen) {
-            display: block;
-            @include flex(0 0 25%);
-        }
+    padding: ($global-spacing-unit * 5) ($global-spacing-unit * 4) ($global-spacing-unit * 4) ($global-spacing-unit * 4);
+
+    @media (max-width: $tablet-screen) {
+        padding: ($global-spacing-unit * 5) ($global-spacing-unit * 2) ($global-spacing-unit * 2) ($global-spacing-unit * 2);
     }
 
     .recipient-content {
         width: 100%;
-        @include media($medium-screen) {
-            @include flex(1 1 75%);
-        }
+        max-width: rem(1400);
+        margin: auto;
     }
 }

src/_scss/pages/recipient/recipientPage.scss

@@ -30,8 +30,6 @@
 	}
 
 	.main-content {
-		@import "../../mixins/fullSectionWrap";
-		@include fullSectionWrap(0,0);
 		padding:  0;
 		@import "./_positioning";
 		@import "../../components/pageLoading";