Search: styling

src/styles/_project.sass

@@ -58,9 +58,10 @@ body.project
 	z-index: $z-index-base + 5
 
 #project_sidebar
+	box-shadow: inset -1px 0 0 0 $color-background
+	flex-shrink: 0
 	width: $project-sidebar-width
 	z-index: $z-index-base + 6
-	box-shadow: inset -1px 0 0 0 $color-background
 
 	+media-xs
 		width: 100%

src/styles/_search.sass

@@ -93,6 +93,17 @@ $search-hit-width_grid: 100px
 				background-color: lighten($color-background, 5%)
 
 .search-list
+	width: 50%
+
+	.embed-responsive
+		width: 100px
+		min-width: 100px
+
+	.card-deck.card-deck-vertical
+		.card
+			flex-wrap: initial
+
+.search-settings
 	width: 30%
 
 	.card-deck.card-deck-vertical
@@ -119,8 +130,14 @@ $search-hit-width_grid: 100px
 .search-details
 	width: 70%
 
+	.container-fluid .col-md-8
+		flex: 1
+		max-width: 100%
+		width: 100%
+
 #search-details
 	position: relative
+
 	#search-hit-container
 		position: absolute // for scrollbars
 		overflow-y: auto
@@ -289,25 +306,11 @@ $search-hit-width_grid: 100px
 								button
 									width: 100%
 
-#project_sidebar+#search-sidebar,
-#project_sidebar+#search-sidebar+#search-container
-	padding-left: $sidebar-width
-
 .search-project
 	li.project
 		display: none
 
 #search-sidebar
-	.card
-		margin-bottom: 10px
-		border-radius: 3px
-		border: none
-		background-color: white
-		box-shadow: 1px 1px 0 rgba(black, .1)
-
-	a
-		text-decoration: none
-
 	.toggleRefine
 		display: block
 		padding-left: 7px
@@ -346,22 +349,6 @@ $search-hit-width_grid: 100px
 				position: relative
 				left: -7px
 				font-size: .9em
-	.facet_count
-		color: $color-text-dark-secondary
-
-	.card-title
-		position: relative
-		&:after
-			content: '\e83b'
-			font-family: 'pillar-font'
-			position: absolute
-			right: 0
-			color: $color-text-dark-primary
-
-	.collapsed
-		.card-title:after
-			content: '\e838'
-
 
 	.search-list-stats
 		color: $color-text-dark-hint