diff --git a/assets/css/app.css b/assets/css/app.css
index e7a6cffe8..3db33ddd8 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -145,6 +145,10 @@ a:hover {
border-radius: 10px !important;
}
+.btn {
+ --bs-btn-border-width: 2px;
+}
+
.btn-primary,
.btn-primary:focus {
background-color: var(--bs-primary);
@@ -174,19 +178,16 @@ a:hover {
.btn-outline-primary:focus {
color: var(--bs-primary);
background-color: transparent;
- border-width: 2px;
border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
color: var(--evcc-accent3) !important;
background-color: transparent !important;
- border-width: 2px;
border-color: var(--evcc-accent3) !important;
}
.btn-outline-primary:active {
color: var(--evcc-default-text) !important;
background-color: var(--evcc-accent3) !important;
- border-width: 2px;
border-color: var(--evcc-accent3) !important;
}
diff --git a/assets/js/components/HelpModal.vue b/assets/js/components/HelpModal.vue
new file mode 100644
index 000000000..1e27d262d
--- /dev/null
+++ b/assets/js/components/HelpModal.vue
@@ -0,0 +1,157 @@
+
+