Fix button spacing, opacity simplification, gitignore cleanup

wwwroot/css/chat.css

@@ -308,7 +308,7 @@
   display: flex;
   flex-shrink: 0;
   align-items: center;
-  margin: var(--badge-spacing) var(--badge-spacing) var(--page-spacing);
+  margin: var(--badge-spacing);
   gap: var(--badge-spacing);
 }
 
@@ -357,7 +357,7 @@
   top: var(--badge-spacing);
   opacity: 0;
   transition: opacity var(--transition-duration);
-  padding: .15em .35em;
+  padding: .1em .3em;
   font-size: var(--font-size);
   background: var(--f2-bg);
   border: var(--border-width) solid var(--f2-border);
@@ -366,11 +366,11 @@
 }
 
 .msg-reply-btn {
-  right: calc(var(--badge-spacing) + 4em + var(--badge-spacing) * 2);
+  right: calc(var(--badge-spacing) + 4em + var(--badge-spacing));
 }
 
 .msg-delete-btn {
-  right: calc(var(--badge-spacing) + 2em + var(--badge-spacing));
+  right: calc(var(--badge-spacing) + 2em + var(--badge-spacing) / 2);
 }
 
 .msg-mark-btn {
@@ -380,13 +380,7 @@
 .msg:hover .msg-reply-btn,
 .msg:hover .msg-delete-btn,
 .msg:hover .msg-mark-btn {
-  opacity: var(--semi-transparent);
-}
-
-.msg-reply-btn:hover,
-.msg-delete-btn:hover,
-.msg-mark-btn:hover {
-  opacity: 1 !important;
+  opacity: 1;
 }
 
 .msg-mark-btn.marked {