improve keystrokes, cleanup

src/View/ChatPages/messagePage.css

@@ -9,11 +9,19 @@
 
 #chat-page #main #message-page .content #message-container {
     --message-container-padding: var(--control-height);
-    padding-bottom: calc(var(--message-container-padding) + var(--content-padding)) !important;
+    padding-bottom: calc(
+        var(--message-container-padding) + var(--content-padding)
+    ) !important;
 }
 
-#chat-page #main #message-page .content:has(.reply-preview-wrapper .reply-preview) #message-container {
-    --message-container-padding: calc(2 * var(--control-height) + var(--gap-between-tiles));
+#chat-page
+    #main
+    #message-page
+    .content:has(.reply-preview-wrapper .reply-preview)
+    #message-container {
+    --message-container-padding: calc(
+        2 * var(--control-height) + var(--gap-between-tiles)
+    );
 }
 
 #message-page #message-container {
@@ -62,7 +70,7 @@
     gap: var(--gap-between-tiles);
 }
 
-#message-page #composer .reply-preview-wrapper .reply-preview>div {
+#message-page #composer .reply-preview-wrapper .reply-preview > div {
     display: flex;
     align-items: center;
     gap: var(--text-gap);
@@ -81,7 +89,6 @@
 }
 
 @media (min-width: 700px) {
-
     #message-page #composer .content-width-constraint,
     #message-page #composer .input-width-constraint {
         display: flex;
@@ -227,7 +234,7 @@
     text-align: right;
 }
 
-.message-bubble>.inline-reply {
+.message-bubble > .inline-reply {
     cursor: pointer;
 
     display: flex;
@@ -246,7 +253,7 @@
     border-left: var(--outline-width) solid var(--primary);
 }
 
-.message-bubble>.message-reaction-row {
+.message-bubble > .message-reaction-row {
     max-width: var(--max-input-width);
     width: 100%;
 
@@ -257,11 +264,11 @@
     overflow: hidden;
 }
 
-.message-bubble>.message-reaction-row:has(button:not([count="0"])) {
+.message-bubble > .message-reaction-row:has(button:not([count="0"])) {
     display: grid !important;
 }
 
-.message-bubble>.message-reaction-row button {
+.message-bubble > .message-reaction-row button {
     min-height: unset;
     height: 100%;
     width: 100%;
@@ -271,7 +278,7 @@
     animation: slide-up var(--animation-duration);
 }
 
-.message-bubble>.message-reaction-row button[count="0"] {
+.message-bubble > .message-reaction-row button[count="0"] {
     display: none;
 }
 
@@ -285,7 +292,6 @@
     }
 }
 
-
 .grid.message-reaction-filter {
     grid-template-columns: repeat(3, 1fr);
-}
+}