Implement radius for covers

src/main/java/sbu/javafx/MusicController.java

@@ -6,6 +6,10 @@ import javafx.collections.ObservableList;
 import javafx.event.ActionEvent;
 import javafx.fxml.FXML;
 import javafx.scene.control.*;
+import javafx.scene.control.Button;
+import javafx.scene.control.Label;
+import javafx.scene.control.Menu;
+import javafx.scene.control.MenuItem;
 import javafx.scene.image.Image;
 import javafx.scene.image.ImageView;
 import javafx.scene.media.Media;
@@ -19,10 +23,13 @@ import org.jaudiotagger.audio.AudioHeader;
 import org.jaudiotagger.tag.FieldKey;
 import org.jaudiotagger.tag.Tag;
 import org.jaudiotagger.tag.images.Artwork;
+import javafx.scene.shape.Rectangle;
 
+import java.awt.*;
 import java.io.File;
 import java.io.FileOutputStream;
 import java.util.*;
+import java.util.List;
 
 public class MusicController {
 
@@ -108,6 +115,11 @@ public class MusicController {
 
         setupLibraryItems();
 
+        Rectangle clip = new Rectangle(160, 160);
+        clip.setArcWidth(24);
+        clip.setArcHeight(24);
+        albumCover.setClip(clip);
+
     }
 
     // ========================================= Playback ============================================
@@ -324,6 +336,10 @@ public class MusicController {
                 cover.setFitWidth(36);
                 cover.setFitHeight(36);
                 cover.setPreserveRatio(true);
+                Rectangle coverClip = new Rectangle(36, 36);
+                coverClip.setArcWidth(8);
+                coverClip.setArcHeight(8);
+                cover.setClip(coverClip);
                 index.setStyle("-fx-text-fill: #9E9E9E; -fx-font-size: 11px; -fx-min-width: 20px;");
                 title.setStyle("-fx-font-size: 13px; -fx-text-fill: #212121;");
                 artist.setStyle("-fx-font-size: 11px; -fx-text-fill: #757575;");

src/main/resources/sbu/javafx/style.css

@@ -245,4 +245,9 @@
 .back-btn:hover {
     -fx-background-color: #EEEEEE;
     -fx-text-fill: #212121;
+}
+
+/* ===== Album Cover rounded corners ===== */
+.cover-container {
+    -fx-background-radius: 12px;
 }