From 8d21f9dd7594c27b5417da748dbc671a073cf2cd Mon Sep 17 00:00:00 2001
From: doubaniux <goodsir@vivaldi.net>
Date: Fri, 17 Jul 2020 21:20:23 +0800
Subject: [PATCH] fix some display issues

---
 common/static/css/boofilsic.css      | 18 ++++++++++++------
 common/static/sass/_MainSection.sass | 12 ++++++++----
 common/static/sass/_Vendor.sass      |  2 +-
 3 files changed, 21 insertions(+), 11 deletions(-)

diff --git a/common/static/css/boofilsic.css b/common/static/css/boofilsic.css
index 3bc0b4ce..0aa567db 100644
--- a/common/static/css/boofilsic.css
+++ b/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;
 }
 
diff --git a/common/static/sass/_MainSection.sass b/common/static/sass/_MainSection.sass
index 329eca07..15c11df8 100644
--- a/common/static/sass/_MainSection.sass
+++ b/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
diff --git a/common/static/sass/_Vendor.sass b/common/static/sass/_Vendor.sass
index 1e486325..3021b378 100644
--- a/common/static/sass/_Vendor.sass
+++ b/common/static/sass/_Vendor.sass
@@ -1,4 +1,4 @@
-.markdownx-preview > p
+.markdownx-preview
     min-height: 100px
 
 .rating-star .jq-star