fix some display issues

common/static/css/boofilsic.css

@@ -1110,8 +1110,8 @@ select::placeholder {
 .entity-list .entity-list__entity-img {
   -o-object-fit: contain;
      object-fit: contain;
-  min-width: 100px;
-  max-width: 100px;
+  min-width: 130px;
+  max-width: 130px;
 }
 
 .entity-list .entity-list__entity-text {
@@ -1129,7 +1129,7 @@ select::placeholder {
 }
 
 .entity-list .entity-list__entity-info {
-  max-width: 76%;
+  max-width: 73%;
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
@@ -1197,13 +1197,16 @@ select::placeholder {
   display: inline-block;
   vertical-align: top;
   width: 48%;
-  margin-bottom: 5px;
 }
 
 .entity-detail .entity-detail__fields div, .entity-detail .entity-detail__fields span {
   margin: 1px 0;
 }
 
+.entity-detail .entity-detail__fields + .tag-collection {
+  margin-top: 5px;
+}
+
 .entity-detail .entity-detail__rating {
   position: relative;
   top: -5px;
@@ -1493,7 +1496,7 @@ select::placeholder {
   display: block;
   float: left;
   color: white;
-  background: #d5d5d5;
+  background: #ccc;
   padding: 5px;
   border-radius: .3rem;
   line-height: 1.2em;
@@ -1529,6 +1532,9 @@ select::placeholder {
   .entity-list .entity-list__rating--empty + .entity-list__entity-info {
     max-width: 70%;
   }
+  .entity-list .entity-list__entity-brief {
+    -webkit-line-clamp: 5;
+  }
   .entity-detail {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -2069,7 +2075,7 @@ select::placeholder {
   }
 }
 
-.markdownx-preview > p {
+.markdownx-preview {
   min-height: 100px;
 }
 

common/static/sass/_MainSection.sass

@@ -33,7 +33,7 @@ $sub-section-title-margin: 8px
 		// float: left
 		object-fit: contain
 		// height: 150px
-		$width: 100px
+		$width: 130px
 		min-width: $width
 		max-width: $width
 		
@@ -50,7 +50,7 @@ $sub-section-title-margin: 8px
 		display: block	
 
 	& &__entity-info
-		max-width: 76%
+		max-width: 73%
 		white-space: nowrap
 		overflow: hidden
 		display: inline-block
@@ -111,9 +111,11 @@ $sub-section-title-margin: 8px
 		display: inline-block
 		vertical-align: top
 		width: 48%
-		margin-bottom: 5px
+		// margin-bottom: 5px
 		& div, & span
 			margin: 1px 0
+		& + .tag-collection
+			margin-top: 5px
 
 	& &__rating
 		position: relative
@@ -347,7 +349,7 @@ $mark-review-padding-wider: 6px 0
 		display: block;
 		float: left;
 		color: white;
-		background: $color-quaternary;
+		background: $color-light;
 		padding: 5px;
 		// margin: 4px;
 		border-radius: .3rem;
@@ -373,6 +375,8 @@ $mark-review-padding-wider: 6px 0
 			max-width: unset
 		& &__rating--empty + &__entity-info
 			max-width: 70%
+		& &__entity-brief
+			-webkit-line-clamp: 5
 
 	.entity-detail
 		flex-direction: column

common/static/sass/_Vendor.sass

@@ -1,4 +1,4 @@
-.markdownx-preview > p
+.markdownx-preview
     min-height: 100px
 
 .rating-star .jq-star