toggle css polish
Alessandro committed
Feb 25, 2026 at 13:00 UTC
55bb5fb60b9c8583545e005b42d168d9f6a8903a
1 file changed
+10
-7
webui/components/plugins/list/plugin-list.html
+10
-7
@@ -114,7 +114,8 @@
114
</div>
115
</div>
116
117
- <div class="plugin-controls-row">
117
+ <div class="plugin-footer-row">
118
+ <div class="plugin-description" x-text="plugin.description || 'No description provided.'"></div>
119
<select class="plugin-status-select"
120
@change="$store.pluginListStore.updateToggle(plugin, $event.target.value)"
121
@click.stop
@@ -126,8 +127,6 @@
127
</template>
128
</select>
129
</div>
129
-
130
- <div class="plugin-description" x-text="plugin.description || 'No description provided.'"></div>
130
</div>
131
</template>
132
</div>
@@ -233,11 +232,12 @@
232
font-size: 1.1rem;
233
}
234
236
- .plugin-controls-row {
237
- margin-top: 0.5rem;
235
+ .plugin-footer-row {
236
display: flex;
237
align-items: center;
240
- justify-content: flex-end;
238
+ justify-content: space-between;
239
+ gap: 1rem;
240
+ margin-top: 0.5rem;
241
}
242
243
.plugin-status-select {
@@ -249,6 +249,8 @@
249
color: var(--color-text-primary);
250
cursor: pointer;
251
height: 2.2rem;
252
+ width: 8rem;
253
+ flex: 0 0 8rem;
254
}
255
256
.plugin-status-select:disabled {
@@ -258,9 +260,10 @@
260
}
261
262
.plugin-description {
261
- margin-top: 0.35rem;
263
color: var(--color-text-secondary);
264
font-size: var(--font-size-small);
265
+ flex: 1 1 auto;
266
+ min-width: 0;
267
}
268
269
.plugin-path {