Fix the look of pills (#8545)

* Fix the look of pills

Signed-off-by: Šimon Brandner <[email protected]>

* Fix comment

Co-authored-by: Robin <[email protected]>

Co-authored-by: Robin <[email protected]>

Author: SimonBrandner

res/css/views/elements/_Pill.scss

@@ -15,7 +15,7 @@ limitations under the License.
 */
 
 .mx_Pill {
-    padding: $font-1px 0.4em $font-1px 0;
+    padding: $font-1px 0.4em $font-1px 0.4em;
     line-height: $font-17px;
     border-radius: $font-16px;
     vertical-align: text-top;
@@ -47,6 +47,7 @@ limitations under the License.
     }
 
     .mx_BaseAvatar {
+        margin-left: -0.3em; // Otherwise the gap is too large
         position: relative;
         display: inline-flex;
         align-items: center;