positioned covers in the center

src/assets/css/main.css

@@ -159,6 +159,7 @@ button:focus,
   width: 100%;
   padding-top: 100%;
   position: relative;
+  background-position: center;
 }
 .song-row .song-list .song-item .song-cover .song-charter {
   position: absolute;
@@ -276,6 +277,7 @@ button:focus,
 .user-item .user-avatar {
   background: rgba(255, 255, 255, 0.1);
   background-size: cover;
+  background-position: center;
   width: 32px;
   height: 32px;
   border-radius: 32px;

src/assets/css/main.less

@@ -168,6 +168,7 @@ button, .button {
                 width: 100%;
                 padding-top: 100%;
                 position: relative;
+                background-position: center;
 
                 & .song-charter {
                     position: absolute;
@@ -307,6 +308,7 @@ button, .button {
     & .user-avatar {
         background: rgba(255,255,255,0.1);
         background-size: cover;
+        background-position: center;
         width: 32px;
         height: 32px;
         border-radius: 32px;

src/assets/css/songdetail.css

@@ -19,22 +19,27 @@
   background: #eee;
   border-radius: 6px;
   background-size: cover;
+  background-position: center;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-title {
   font-weight: bold;
   font-size: 48px;
+  word-break: break-all;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-subtitle {
   font-size: 20px;
+  word-break: break-all;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-artist {
   margin-top: 5px;
   font-size: 18px;
+  word-break: break-all;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-charter {
   margin-top: 10px;
   font-size: 14px;
   opacity: 0.6;
+  word-break: break-all;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-tags {
   display: flex;
@@ -48,6 +53,7 @@
   padding: 5px 20px;
   border-radius: 50px;
   margin-right: 10px;
+  word-break: break-all;
   transition: 0.2s ease-in-out all;
 }
 .section-song-detail .song-detail-background .song-detail-dim .song-detail .song-meta-data .song-tags .tag:hover {

src/assets/css/songdetail.less

@@ -20,23 +20,28 @@
                     background: #eee;
                     border-radius: 6px;
                     background-size: cover;
+                    background-position: center;
                 }
                 & .song-meta-data {
                     & .song-title {
                         font-weight: bold;
                         font-size: 48px;
+                        word-break: break-all;
                     }
                     & .song-subtitle {
                         font-size: 20px;
+                        word-break: break-all;
                     }
                     & .song-artist {
                         margin-top: 5px;
                         font-size: 18px;
+                        word-break: break-all;
                     }
                     & .song-charter {
                         margin-top: 10px;
                         font-size: 14px;
                         opacity: 0.6;
+                        word-break: break-all;
                     }
                     & .song-tags {
                         display: flex;
@@ -50,6 +55,7 @@
                             padding: 5px 20px;
                             border-radius: 50px;
                             margin-right: 10px;
+                            word-break: break-all;
                             transition: 0.2s ease-in-out all;
 
                             &:hover {