some nice css tweaks :3

admin/static/admin.css

@@ -430,6 +430,39 @@ input[disabled] {
     cursor: not-allowed;
 }
 
+
+
+.actions {
+    margin-top: .5em;
+    display: flex;
+    flex-direction: row;
+    gap: .5em;
+    user-select: none;
+    color: var(--fg-3);
+}
+.actions a,
+.actions button {
+    padding: .3em .5em;
+    display: inline-block;
+
+    border-radius: 4px;
+    background-color: var(--bg-3);
+    box-shadow: var(--shadow-sm);
+
+    transition-property: color, background, transform;
+    transition-duration: .1s;
+    transition-timing-function: ease-out;
+}
+.actions a:hover,
+.actions button:hover {
+    background-color: var(--bg-0);
+    color: var(--fg-3);
+    text-decoration: none;
+    transform: scale(1.05);
+}
+
+
+
 @media screen and (max-width: 720px) {
     main {
         padding-top: 0;

admin/static/artists.css

@@ -8,12 +8,16 @@
     text-align: center;
 
     cursor: pointer;
-    transition: background .1s ease-out, color .1s ease-out;
+
+    transition-property: background, color, transform;
+    transition-duration: .1s;
+    transition-timing-function: ease-out;
 }
 
 .artist:hover {
     background-color: var(--bg-1);
     text-decoration: hover;
+    transform: scale(1.1);
 }
 
 .artist .artist-avatar {

admin/static/blog.css

@@ -60,28 +60,3 @@
 .blogpost a:hover {
     text-decoration: underline;
 }
-
-.blogpost .actions {
-    margin-top: .5em;
-    display: flex;
-    gap: .3em;
-    user-select: none;
-    color: var(--fg-3);
-}
-
-.blogpost .actions a {
-    padding: .3em .5em;
-    display: inline-block;
-
-    border-radius: 4px;
-    background-color: var(--bg-3);
-    box-shadow: var(--shadow-sm);
-
-    transition: color .1s ease-out, background-color .1s ease-out;
-}
-
-.blogpost .actions a:hover {
-    background-color: var(--bg-0);
-    color: var(--fg-3);
-    text-decoration: none;
-}

admin/static/edit-artist.css

@@ -56,14 +56,6 @@ input[type="text"] {
     outline: none;
 }
 
-.artist-actions {
-    margin-top: auto;
-    display: flex;
-    gap: .5em;
-    flex-direction: row;
-    justify-content: right;
-}
-
 .card-header a.button {
     text-decoration: none;
 }

admin/static/edit-release.css

@@ -25,6 +25,8 @@ input[type="text"] {
 .release-artwork img {
     width: 100%;
     aspect-ratio: 1;
+    border-radius: 8px;
+    box-shadow: var(--shadow-md);
 }
 .release-artwork img:hover {
     outline: 1px solid #808080;
@@ -35,6 +37,9 @@ input[type="text"] {
     padding: .3em .6em;
     background-color: var(--bg-3);
 }
+#remove-artwork:hover {
+    background-color: var(--fg-3);
+}
 
 .release-info {
     width: 0;

admin/static/releases.css

@@ -54,27 +54,3 @@
     flex-wrap: wrap;
     gap: .5em;
 }
-
-.release .release-actions {
-    margin-top: .5em;
-    user-select: none;
-    color: var(--fg-3);
-}
-
-.release .release-actions a {
-    margin-right: .3em;
-    padding: .3em .5em;
-    display: inline-block;
-
-    border-radius: 4px;
-    background-color: var(--bg-3);
-    box-shadow: var(--shadow-sm);
-
-    transition: color .1s ease-out, background .1s ease-out;
-}
-
-.release .release-actions a:hover {
-    background-color: var(--bg-0);
-    color: var(--fg-3);
-    text-decoration: none;
-}

admin/templates/html/components/release/release.html

@@ -14,7 +14,7 @@
         <p class="release-artists">{{.PrintArtists true true}}</p>
         <p class="release-type-single">{{.ReleaseType}}
         (<a href="/admin/music/releases/{{.ID}}#tracks">{{len .Tracks}} track{{if not (eq (len .Tracks) 1)}}s{{end}}</a>)</p>
-        <div class="release-actions">
+        <div class="actions">
             <a href="/admin/music/releases/{{.ID}}">Edit</a>
             <a href="/music/{{.ID}}" target="_blank">Gateway <img class="icon" src="/img/external-link.svg"/></a>
         </div>

admin/templates/html/edit-blog.html

@@ -95,7 +95,7 @@
             <option value="false"{{if not .Post.Visible}} selected{{end}}>Hidden</option>
         </select>
 
-        <div class="blog-actions">
+        <div class="actions">
             <a href="/blog/{{.Post.ID}}" class="button">View</a>
             <button type="submit" class="save" id="save" disabled>Save</button>
         </div>