diff --git a/main/ui/src/main/resources/css/dark_theme.css b/main/ui/src/main/resources/css/dark_theme.css
index 9017a9cb5..0434fe73a 100644
--- a/main/ui/src/main/resources/css/dark_theme.css
+++ b/main/ui/src/main/resources/css/dark_theme.css
@@ -300,31 +300,35 @@
-fx-font-size: 2em;
}
-.list-group-item-heading {
+.vault-detail .vault-path {
-fx-text-fill: TEXT_FILL_SECONDARY;
- -fx-font-size: 0.8em;
}
/*******************************************************************************
* *
- * List Group *
+ * Button Group *
* *
******************************************************************************/
-.list-group {
+.button-group {
-fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_NORMAL;
-fx-background-insets: 0, 1px;
-fx-background-radius: 4px;
-}
-
-.list-group-item {
-fx-padding: 1em;
-fx-spacing: 0.25em;
}
-.list-group-separator {
- -fx-background-color: CONTROL_BORDER_NORMAL;
- -fx-pref-height: 1px;
+.button-group:hover {
+ -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_PRIMARY_LIGHT_BG_NORMAL;
+}
+
+.button-group-heading {
+ -fx-text-fill: TEXT_FILL_SECONDARY;
+ -fx-font-size: 0.8em;
+}
+
+.button-group-action {
+ -fx-text-fill: TEXT_FILL_PRIMARY;
}
/*******************************************************************************
diff --git a/main/ui/src/main/resources/css/light_theme.css b/main/ui/src/main/resources/css/light_theme.css
index 63b42491b..f6586dd6b 100644
--- a/main/ui/src/main/resources/css/light_theme.css
+++ b/main/ui/src/main/resources/css/light_theme.css
@@ -300,31 +300,35 @@
-fx-font-size: 2em;
}
-.list-group-item-heading {
+.vault-detail .vault-path {
-fx-text-fill: TEXT_FILL_SECONDARY;
- -fx-font-size: 0.8em;
}
/*******************************************************************************
* *
- * List Group *
+ * Button Group *
* *
******************************************************************************/
-.list-group {
+.button-group {
-fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_BG_NORMAL;
-fx-background-insets: 0, 1px;
-fx-background-radius: 4px;
-}
-
-.list-group-item {
-fx-padding: 1em;
-fx-spacing: 0.25em;
}
-.list-group-separator {
- -fx-background-color: CONTROL_BORDER_NORMAL;
- -fx-pref-height: 1px;
+.button-group:hover {
+ -fx-background-color: CONTROL_BORDER_NORMAL, CONTROL_PRIMARY_LIGHT_BG_NORMAL;
+}
+
+.button-group-heading {
+ -fx-text-fill: TEXT_FILL_SECONDARY;
+ -fx-font-size: 0.8em;
+}
+
+.button-group-action {
+ -fx-text-fill: TEXT_FILL_PRIMARY;
}
/*******************************************************************************
diff --git a/main/ui/src/main/resources/fxml/vault_detail.fxml b/main/ui/src/main/resources/fxml/vault_detail.fxml
index 200501524..773883136 100644
--- a/main/ui/src/main/resources/fxml/vault_detail.fxml
+++ b/main/ui/src/main/resources/fxml/vault_detail.fxml
@@ -3,6 +3,7 @@
+
@@ -17,7 +18,7 @@
-
+
@@ -25,32 +26,33 @@
-
-
-
+
+
+
+
-
-
-
-
-
-
-
-
+
+
+
-
+
+
+
-
+
+
+
+