Buttons

Closes #4732

Merge request !3529

resources/assets/stylesheets/scss/buttons.scss

@@ -3,7 +3,7 @@
 @mixin button() {
     background: var(--color--button-background);
     border: 1px solid var(--color--button-border);
-    border-radius: 0;
+    border-radius: 4px;
     box-sizing: border-box;
     color: var(--color--button-border);
     cursor: pointer;
@@ -14,7 +14,7 @@
     margin: 0.8em 0.6em 0.8em 0;
     min-width: 100px;
     overflow: visible;
-    padding: 10px 20px;
+    padding: 7px 14px;
     position: relative;
     text-align: center;
     text-decoration: none;
@@ -54,7 +54,7 @@ button.button {
         content: " ";
         float: left;
         height: 16px;
-        margin: 1px 10px 0 -5px;
+        margin: 1px 10px 0 0;
         width: 16px;
     }
 }
@@ -95,6 +95,7 @@ $button-icons: (
 @each $class, $icon in $button-icons {
     .button {
         &.#{'' + $class} {
+            padding-right: 20px;
             @include button-with-icon($icon, clickable, info_alt);
             &.disabled, &[disabled] {
                 @include button-with-icon($icon, inactive, inactive);

resources/assets/stylesheets/scss/dialog.scss

@@ -73,7 +73,7 @@
 
             &.accept,
             &.cancel {
-                padding-right: 23px;
+                padding-right: 20px;
             }
             &:last-child {
                 margin-right: 0;