Refined UI

Author: gnu4cn

src/app/home/components/book-list.component.scss

@@ -17,8 +17,13 @@ mat-card:hover {
 
 mat-card-actions {
     border-bottom: 1px;
+    visibility: hidden;
 }
 
 mat-card {
     margin: 10px 5px 5px 5px;
 }
+
+mat-card:hover mat-card-actions {
+    visibility: visible;
+}

src/app/home/components/delete-book-dialog.component.html

@@ -9,7 +9,7 @@ <h1 mat-dialog-title>删除 - {{ this.data.name }}</h1>
 </div>
 <div mat-dialog-actions>
     <button mat-button (click)="onNoClick()">放弃</button>
-    <button *ngIf="!this.data.recycled" mat-button [mat-dialog-close]="recycled">放入垃圾桶</button>
+    <button *ngIf="!this.data.recycled" mat-button [mat-dialog-close]="recycled">放入回收站</button>
     <button *ngIf="this.data.recycled" color="success" mat-button [mat-dialog-close]="recoverRecycled">重新放回书架</button>
     <button color="warn" mat-button [mat-dialog-close]="deleteRecycled">彻底删除</button>
 </div>