From 8714b4e2b7d151723d3a3e982b13c25018db421d Mon Sep 17 00:00:00 2001 From: Peter Zimon Date: Fri, 12 Nov 2021 11:50:07 +0100 Subject: [PATCH] Updated frontend styles for buttons --- core/client | 2 +- core/frontend/src/cards/css/button.css | 27 +++++++++++++++----------- 2 files changed, 17 insertions(+), 12 deletions(-) diff --git a/core/client b/core/client index ef915476a1..346c520574 160000 --- a/core/client +++ b/core/client @@ -1 +1 @@ -Subproject commit ef915476a14b98ab7a91689abe69cba22bb3c524 +Subproject commit 346c5205746e53c74396ebc254f36796ebfedb31 diff --git a/core/frontend/src/cards/css/button.css b/core/frontend/src/cards/css/button.css index d06e384a40..5c9f350636 100644 --- a/core/frontend/src/cards/css/button.css +++ b/core/frontend/src/cards/css/button.css @@ -1,25 +1,30 @@ .kg-button-card { - width: 100%; - position: relative; display: flex; + position: static; align-items: center; -} - -.kg-align-center { + width: 100%; justify-content: center; } a.kg-btn { - display: inline-flex; + display: flex; + position: static; align-items: center; - justify-content: space-between; - padding: 5px 10px; - font-size: 1.8rem; - border-radius: 5px; + padding: 0 2.0rem; + height: 4.0rem; + line-height: 4.0rem; + font-size: 1.65rem; + font-weight: 600; text-decoration: none; + border-radius: 5px; + transition: opacity 0.2s ease-in-out; +} + +a.kg-btn:hover { + opacity: 0.85; } a.kg-btn-accent { background-color: var(--ghost-accent-color); color: #fff; -} +} \ No newline at end of file