room-history: Minor UI tweaks

Center the send message icon visually and increase the right margin of sender avatars.

data/resources/style.css

@@ -593,12 +593,12 @@ room-history-row.has-header {
 
 room-history-row:not(.has-header) .event-content:dir(ltr),
 room-history-row:not(.has-header) message-reactions:dir(ltr) {
-  margin-left: 46px;
+  margin-left: 54px;
 }
 
 room-history-row:not(.has-header) .event-content:dir(rtl),
 room-history-row:not(.has-header) message-reactions:dir(rtl) {
-  margin-right: 46px;
+  margin-right: 54px;
 }
 
 room-history-row:focus {
@@ -885,6 +885,10 @@ sender-avatar popover button.text-button {
   font-weight: 400;
 }
 
+button.send-text-message-button image {
+  transform: translateX(2px);
+}
+
 
 /* Event Source Dialog */
 

src/session/view/content/room_history/message_row/mod.ui

@@ -3,7 +3,7 @@
   <template class="ContentMessageRow" parent="AdwBin">
     <child>
       <object class="GtkGrid">
-        <property name="column-spacing">4</property>
+        <property name="column-spacing">12</property>
         <child>
           <object class="ContentSenderAvatar" id="avatar">
             <layout>

src/session/view/content/room_history/message_toolbar/mod.ui

@@ -159,6 +159,7 @@
                         <style>
                           <class name="suggested-action"/>
                           <class name="circular"/>
+                          <class name="send-text-message-button"/>
                         </style>
                         <accessibility>
                           <property name="label" translatable="yes">Send Message</property>