Fix button height

diff --git a/client/src/sass/include/_mixins.scss b/client/src/sass/include/_mixins.scss
index e41fe9389bbc6e31021be6686ccbe1602f4d678a..0f301dab2518debf065dbfbd828b6b7b5b3d71b8 100644 (file)
--- a/client/src/sass/include/_mixins.scss
+++ b/client/src/sass/include/_mixins.scss
@@ -155,6 +155,7 @@
 @mixin orange-button-inverted {
   @include button-focus(pvar(--mainColorLightest));
 
+  padding: 2px 13px;
   border: 2px solid pvar(--mainColor);
   font-weight: $font-semibold;
 
@@ -263,6 +264,7 @@
   cursor: pointer;
 
   font-size: $button-font-size;
+  line-height: $button-font-size + math.round(math.div($button-font-size, 2));
 
   my-global-icon + * {
     @include margin-right(4px);
@@ -312,6 +314,10 @@
     width: $width;
     top: $top;
   }
+
+  span {
+    vertical-align: middle;
+  }
 }
 
 @mixin peertube-file {