From 3f0c8b221e092820ce58caaa3d1d92b7ac90e301 Mon Sep 17 00:00:00 2001
From: Ron Lucke <lucke@elan-ev.de>
Date: Mon, 21 Oct 2024 07:35:53 +0000
Subject: [PATCH] Buttons
Closes #4732
Merge request studip/studip!3529
---
resources/assets/stylesheets/scss/buttons.scss | 7 ++++---
resources/assets/stylesheets/scss/dialog.scss | 2 +-
2 files changed, 5 insertions(+), 4 deletions(-)
diff --git a/resources/assets/stylesheets/scss/buttons.scss b/resources/assets/stylesheets/scss/buttons.scss
index 08223207e47..dc43a03990e 100644
--- a/resources/assets/stylesheets/scss/buttons.scss
+++ b/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);
diff --git a/resources/assets/stylesheets/scss/dialog.scss b/resources/assets/stylesheets/scss/dialog.scss
index 8527174bf95..f45dc9b4e0c 100644
--- a/resources/assets/stylesheets/scss/dialog.scss
+++ b/resources/assets/stylesheets/scss/dialog.scss
@@ -73,7 +73,7 @@
&.accept,
&.cancel {
- padding-right: 23px;
+ padding-right: 20px;
}
&:last-child {
margin-right: 0;
--
GitLab