1 files changed, 26 insertions, 4 deletions
diff --git a/core/css/inputs.scss b/core/css/inputs.scss
index 175790b5f30..3ae0c3a270e 100644
--- a/core/css/inputs.scss
+++ b/core/css/inputs.scss
@@ -172,12 +172,28 @@ button, .button,
 input[type='button'],
 input[type='submit'],
 input[type='reset'] {
-	padding: 6px 12px;
+	padding: 6px 16px;
 	width: auto;
 	min-height: $default-height;
 	cursor: pointer;
 	box-sizing: border-box;
 	background-color: var(--color-background-dark);
+
+	&:disabled {
+		cursor: default;
+	}
+}
+select,
+button, .button {
+	* {
+		cursor: pointer;
+	}
+
+	&:disabled {
+		* {
+			cursor: default;
+		}
+	}
 }
 
 /* Buttons */
@@ -350,6 +366,12 @@ input {
 			&:focus + label:before {
 				border-color: var(--color-primary-element);
 			}
+			&:focus-visible + label {
+				outline-style: solid;
+				outline-color: var(--color-main-text);
+				outline-width: 1px;
+				outline-offset: 2px;
+			}
 			&:checked + label:before,
 			&.checkbox:indeterminate + label:before {
 			/* ^ :indeterminate have a strange behavior on radio,
@@ -869,7 +891,7 @@ div.select2-container {
 }
 
 /* Progressbar */
-progress {
+progress:not(.vue) {
 	display: block;
 	width: 100%;
 	padding: 0;
@@ -932,8 +954,8 @@ progress {
 // Same as .hidden-visually
 label.infield {
 	position: absolute;
-	left:-10000px;
-	top: auto;
+	left: -10000px;
+	top: -10000px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden;