UI improvements

admin/static/index.css

@@ -1,3 +1,5 @@
+@import url("/admin/static/release-list-item.css");
+
 .create-btn {
     background: #c4ff6a;
     padding: .5em .8em;
@@ -16,99 +18,6 @@
     text-decoration: inherit;
 }
 
-.release {
-    margin-bottom: 1em;
-    padding: 1em;
-    display: flex;
-    flex-direction: row;
-    gap: 1em;
-
-    border-radius: .5em;
-    background: #f8f8f8f8;
-    border: 1px solid #808080;
-}
-
-.release h3,
-.release p {
-    margin: 0;
-}
-
-.release-artwork {
-    width: 96px;
-
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.release-artwork img {
-    width: 100%;
-    aspect-ratio: 1;
-}
-
-.latest-release .release-info {
-    width: 300px;
-    flex-direction: column;
-}
-
-.release-title small {
-    opacity: .75;
-}
-
-.release-links {
-    margin: .5em 0;
-    padding: 0;
-    display: flex;
-    flex-direction: row;
-    list-style: none;
-    flex-wrap: wrap;
-    gap: .5em;
-}
-
-.release-links li {
-    flex-grow: 1;
-}
-
-.release-links a {
-    padding: .5em;
-    display: block;
-
-    border-radius: .5em;
-    text-decoration: none;
-    color: #f0f0f0;
-    background: #303030;
-    text-align: center;
-
-    transition: color .1s, background .1s;
-}
-
-.release-links a:hover {
-    color: #303030;
-    background: #f0f0f0;
-}
-
-.release-actions {
-    margin-top: .5em;
-}
-
-.release-actions a {
-    margin-right: .3em;
-    padding: .3em .5em;
-    display: inline-block;
-
-    border-radius: .3em;
-    background: #e0e0e0;
-
-    transition: color .1s, background .1s;
-}
-
-.release-actions a:hover {
-    color: #303030;
-    background: #f0f0f0;
-
-    text-decoration: none;
-}
-
 .artist {
     margin-bottom: .5em;
     padding: .5em;