Tweak alignment of reactions row, move add reaction to right and only show on hover

2021-05-13 13:32:38 +01:00
parent b5fa4d88bf
commit 36633ec025
3 changed files with 12 additions and 6 deletions
@@ -16,14 +16,15 @@ limitations under the License.

 .mx_ReactionsRowButton {
    display: inline-flex;
-    line-height: $font-21px;
+    line-height: $font-20px;
    margin-right: 6px;
-    padding: 0 6px;
+    padding: 1px 6px;
    border: 1px solid $reaction-row-button-border-color;
    border-radius: 10px;
    background-color: $reaction-row-button-bg-color;
    cursor: pointer;
    user-select: none;
+    vertical-align: middle;

    &:hover {
        border-color: $reaction-row-button-hover-border-color;