CSS adjustments to dropdowns, cards, responsive

src/styles/_config.sass

@@ -157,7 +157,6 @@ $tooltip-font-size: 0.83rem
 $tooltip-max-width: auto
 $tooltip-opacity: 1
 
-$nav-link-height: 37px
 $navbar-padding-x: 0
 $navbar-padding-y: 0
 

src/styles/_utils.sass

@@ -515,6 +515,25 @@
 .ribbon
 	+ribbon
 
+=label-tiny
+	position: relative
+
+	&:before
+		color: $color-danger
+		display: block
+		font-size: 8px
+		font-weight: bold
+		left: 100%
+		position: absolute
+		top: -4px
+
+.new
+	+label-tiny
+
+	&:before
+		content: 'NEW'
+
+
 @mixin text-background($text-color, $background-color, $roundness, $padding)
 	border-radius: $roundness
 	padding: $padding

src/styles/components/_base.sass

@@ -11,17 +11,6 @@ body
 		max-width: 100%
 		min-width: auto
 
-.container
-	+media-xs
-		max-width: 100%
-		min-width: auto
-		padding:
-			left: 0
-			right: 0
-
-	&.box
-		+container-box
-
 .page-content
 	background-color: $white
 

src/styles/components/_card.sass

@@ -33,6 +33,7 @@
 
 	&.card-deck-vertical
 		@extend .flex-column
+		@extend .text-truncate
 		flex-wrap: initial
 
 		.card
@@ -51,6 +52,9 @@
 				@extend .mr-2
 				max-width: 120px
 
+			.card-title
+				@extend .text-truncate
+
 			&.asset
 				&.free
 					&:after
@@ -64,6 +68,7 @@
 
 		.card-body
 			@extend .overflow-hidden
+			@extend .text-truncate
 			flex-basis: 0
 
 .card-padless
@@ -102,9 +107,9 @@
 
 	.card-img-top
 		background-color: $color-background
-		background-size: cover
 		background-position: center
-
+		background-size: cover
+		object-fit: cover
 
 	$card-progress-height: 5px
 	.progress

src/styles/components/_dropdown.sass

@@ -1,7 +1,6 @@
 // Global, we want all menus to look like this.
 ul.dropdown-menu
 	box-shadow: $dropdown-box-shadow
-	top: 95% // So there is less gap between the dropdown and the item.
 
 	> li
 		&:first-child > a

src/styles/components/_jumbotron.sass

@@ -8,9 +8,12 @@
 		repeat: no-repeat
 		size: cover
 	margin-bottom: 0
-	padding-top: 10em
-	padding-bottom: 10em
 	position: relative
+	word-break: break-word
+
+	+media-sm
+		padding-top: 10em
+		padding-bottom: 10em
 
 	&:after
 		background-color: rgba(black, .5)
@@ -45,3 +48,9 @@
 
 	&:hover
 		text-decoration: none
+
+	.display-4
+		font-size: $h2-font-size
+
+		+media-sm
+			font-size: $display4-size

src/styles/components/_navbar.sass

@@ -179,6 +179,8 @@ $nav-secondary-bar-size: -2px
 			&:hover,
 			&.active
 				color: $primary
+				font-weight: initial
+
 				@extend .bg-white
 
 				&:after