update highlight styling + button styling
Hunter
Tuesday, October 28th, 2025 at 11:25 AM
34 flex-direction: column;
35 overflow: hidden;
36 position: relative;
- padding-left: 10px;
37 padding-top: 10px;
38 }
39
65 }
66
67 .playlist-item {
- padding: 5px 10px;
68 display: flex;
69 justify-content: space-between;
70 align-items: center;
71 color: var(--icee);
72 min-height: 45px;
73 + padding-left: 15px;
74 + padding-right: 10px;
75 + padding-top: 8px;
76 + padding-bottom: 8px;
77 }
78
79 .playlist-item-content {
106 }
107
108 .playlist-item:hover {
- background-color: var(--bubblegum);
109 cursor: pointer;
- color: var(--asphalt);
110 + color: var(--bubblegum);
111 }
112
113 .playlist-item:hover .playlist-item-artist {
- color: var(--asphalt);
114 + color: var(--bubblegum);
115 }
116
117 .playlist-item:hover .playlist-item-title.current,
118 .playlist-item:hover .playlist-item-artist.current {
- color: var(--asphalt);
119 + color: var(--bubblegum);
120 }
121
122 .current-song {
123 text-align: left;
- padding-left: 10px;
124 + padding-left: 15px;
125 padding-bottom: 10px;
126 font-weight: bold;
127 color: var(--blueberry);
151 height: 35px;
152 display: flex;
153 align-items: center;
- padding: 0 12px;
154 + padding: 0 15px;
155 padding-bottom: 6px;
156 box-sizing: border-box;
157 position: relative;
237 border: none;
238 cursor: pointer;
239 margin: 0 5px;
- border-radius: 4px;
240 + border-radius: 50%;
241 filter:
242 drop-shadow(0 1px 2px rgba(0, 0, 0, 0.9))
243 drop-shadow(0 3px 6px rgba(0, 0, 0, 0.6));