diff --git a/src/App.vue b/src/App.vue
index c5d14c6..643b236 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -210,9 +210,6 @@ const {
{{ config.name }}
-
- {{ config.source === "default" ? "Default" : "Custom" }}
-
diff --git a/src/styles.css b/src/styles.css
index c646cf6..e8c59e0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -228,9 +228,17 @@ button {
display: block;
width: auto;
height: auto;
+ object-fit: contain;
+}
+
+.browser-nav-icon img {
max-width: 38px;
max-height: 38px;
- object-fit: contain;
+}
+
+.config-icon img {
+ max-width: 26px;
+ max-height: 26px;
}
.config-nav-icon {
@@ -353,10 +361,11 @@ button {
.icon-option-button {
display: grid;
- justify-items: center;
- gap: 5px;
- min-height: 86px;
- padding: 9px 8px;
+ grid-template-columns: 24px minmax(0, 1fr);
+ align-items: center;
+ column-gap: 8px;
+ min-height: 0;
+ padding: 8px 10px;
border: 1px solid rgba(148, 163, 184, 0.2);
border-radius: 12px;
background: rgba(255, 255, 255, 0.9);
@@ -369,16 +378,16 @@ button {
}
.icon-option-button img {
- width: 26px;
- height: 26px;
+ width: 22px;
+ height: 22px;
object-fit: contain;
}
.icon-option-button span {
- font-size: 0.72rem;
+ font-size: 0.75rem;
font-weight: 600;
- text-align: center;
- line-height: 1.25;
+ text-align: left;
+ line-height: 1.2;
}
.icon-option-button.active {
@@ -467,24 +476,24 @@ button {
.config-card-header,
.config-title-row {
display: flex;
- align-items: flex-start;
+ align-items: center;
justify-content: space-between;
gap: 10px;
}
.config-card-lead {
display: flex;
- align-items: flex-start;
+ align-items: center;
gap: 10px;
min-width: 0;
flex: 1;
}
.config-icon {
- width: 36px;
- height: 36px;
+ width: 30px;
+ height: 30px;
border-radius: 0;
- font-size: 0.8rem;
+ font-size: 0.74rem;
overflow: visible;
}