edit song GUI

WEB/src/styles.less

@@ -1,7 +1,6 @@
 /* You can add global styles to this file, and also import other style files */
 @import "~@angular/material/prebuilt-themes/indigo-pink.css";
 
-
 body {
   margin: 0px;
 }
@@ -70,6 +69,34 @@ html {
       border-top-left-radius: 0px;
       transition: all 300ms ease-in-out;
     }
-
+  }
+}
+
+.mat-card {
+  width: 500px;
+  border-radius: 8px;
+  background: #fffd;
+  margin: 20px;
+  box-sizing: border-box;
+}
+
+.mat-card-title {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 420px;
+}
+
+.mat-card-content {
+  white-space: pre-wrap;
+}
+
+.song-detail-container {
+  margin-left: 30vw;
+  .mat-form-field-infix {
+    width: 80px;
+  }
+  .mat-radio-button {
+    margin: 15px 10px 0 10px;
   }
 }