Adjusted units, redundant prefixes, and other things

This commit is contained in:
Daniel Miller 2024-12-11 04:54:15 +00:00
parent 1c13d0534a
commit a2ae5f78a7

View File

@ -3,16 +3,13 @@ table.song-list {
border-collapse: collapse; border-collapse: collapse;
tr.song-list-item { tr.song-list-item {
border: solid; border: 1px solid #303030; /* Simplified border shorthand */
border-width: 1px 0;
border-color: #303030;
position: relative; position: relative;
td { td {
color: $text-controls-color; color: $text-controls-color;
white-space: nowrap; white-space: nowrap;
padding-left: 10px; padding: 0.6rem; /* Adjusted padding for consistency */
padding-right: 10px;
a { a {
text-decoration: none; text-decoration: none;
@ -25,27 +22,25 @@ table.song-list {
} }
td.song-image { td.song-image {
width: 35px; width: 2.2rem; /* Replaced static px with rem */
display: flex; display: flex;
img.song-image { img.song-image {
position: absolute; position: absolute;
top: 50%; top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
width: 35px; width: 2.2rem; /* Adjusted to rem */
height: 35px; height: 2.2rem; /* Adjusted to rem */
border-radius: 5px; border-radius: 0.3rem; /* Adjusted radius */
} }
svg.song-image-overlay { svg.song-image-overlay {
position: absolute; position: absolute;
top: 50%; top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%); transform: translateY(-50%);
width: 35px; width: 2.2rem; /* Adjusted to rem */
height: 35px; height: 2.2rem; /* Adjusted to rem */
border-radius: 5px; border-radius: 0.3rem; /* Adjusted radius */
fill: $text-controls-color; fill: $text-controls-color;
} }
@ -68,11 +63,7 @@ table.song-list {
button { button {
svg.hmirror { svg.hmirror {
-moz-transform: scale(-1, 1); transform: scale(-1, 1); /* Removed redundant prefixes */
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
} }
.controlbtn { .controlbtn {
@ -88,7 +79,7 @@ table.song-list {
} }
background-color: transparent; background-color: transparent;
border: transparent; border: none; /* Simplified border */
} }
.hide-until-hover { .hide-until-hover {
@ -121,4 +112,4 @@ table.song-list {
} }
} }
} }
} }