A better design for update channel selector

Signed-off-by: Jérôme Herbinet <33763786+Jerome-Herbinet@users.noreply.github.com>

diff --git a/apps/updatenotification/src/components/UpdateNotification.vue b/apps/updatenotification/src/components/UpdateNotification.vue
index e93b03850ccecd1af84c8851eeea89818c2ddcbf..3edc7bb3c1959695e6c951c9b8b54270e5466361 100644 (file)
--- a/apps/updatenotification/src/components/UpdateNotification.vue
+++ b/apps/updatenotification/src/components/UpdateNotification.vue
@@ -482,9 +482,6 @@ export default {
                                        cursor: pointer;
                                }
                        }
-                       &:first-of-type {
-                               margin-top: 0;
-                       }
                }
                h4 {
                        margin-block-end: 0.7rem;
@@ -510,6 +507,9 @@ export default {
                        cursor: pointer;
                        margin-left: 3px;
                        display: inline-block;
+                       padding: 10px;
+                       border-radius: 10px;
+                       border: 2px solid var(--color-border-dark);     
                        .icon-update-menu {
                                cursor: inherit;
                                .icon-triangle-s {