style: ugly reactions positioning on image msgs

Closes #4235

The issue probably existed ever since the reactions were added
in the first place #2964,
but it got worse after the removal of margin addition
when adding a reaction (60e52c7).

This commit should make things simpler
because all positioning-related stuff
is only done in `message/styles.module.scss`.

CHANGELOG.md

@@ -62,6 +62,7 @@
 - improve accessibility a little #4133
 - fix "Mark All As Read" in account menu mark also archived chats as read
 - use authname instead of displayname for vcard filename #4233
+- ugly positioning of reactions on image-only messages #4237
 
 
 <a id="1_46_8"></a>

packages/frontend/scss/message/_metadata.scss

@@ -7,10 +7,6 @@
   margin-bottom: -3px;
 
   &.with-image-no-caption {
-    position: absolute;
-    right: 5px;
-    bottom: 5px;
-    float: right;
     padding: 4px 10px 1px 10px;
     margin: 0;
     background-color: #0000008f;

packages/frontend/src/components/message/styles.module.scss

@@ -20,11 +20,11 @@
   // transition: margin-bottom ease-out $reaction-transition-duration;
 
   &.onlyMedia {
-    bottom: 0;
+    bottom: 5px;
     left: 0;
     margin-left: 10px;
     position: absolute;
-    right: 0;
+    right: 5px;
   }
 
   // &.withReactionsNoText {