diff --git a/webapp/src/assets/less/theme.less b/webapp/src/assets/less/theme.less index a103cab7..530eae07 100644 --- a/webapp/src/assets/less/theme.less +++ b/webapp/src/assets/less/theme.less @@ -340,6 +340,7 @@ a:hover { .uk-button { border-radius: @button-border-radius; padding: 0 8px; + border-color: @global-border; } .uk-button-default { @@ -351,6 +352,7 @@ a:hover { background-color: rgba(180, 180, 180, 0.10); border-color: @global-primary-background; color: @button-text-color; + margin-bottom: 2px; } .uk-button-danger { @@ -360,6 +362,17 @@ a:hover { } .hook-inverse() { + .uk-button { + background-color: rgba(180, 180, 180, 0.15); + color: @inverse-primary-muted-color; + border-color: @inverse-primary-muted-color; + } + .uk-button:hover { + background-color: @inverse-primary-muted-color; + color: #fff; + border-color: #fff; + } + .uk-button-primary { background-color: rgba(180, 180, 180, 0.15); color: @inverse-primary-muted-color; @@ -369,6 +382,7 @@ a:hover { .uk-button-primary:hover { background-color: @inverse-primary-muted-color; color: #fff; + border-color: #fff; } } diff --git a/webapp/src/components/labThingsComponents/actionButton.vue b/webapp/src/components/labThingsComponents/actionButton.vue index 1fae45dd..00346a75 100644 --- a/webapp/src/components/labThingsComponents/actionButton.vue +++ b/webapp/src/components/labThingsComponents/actionButton.vue @@ -19,7 +19,7 @@
-
+