diff --git a/src/common/RadioButton/RadioButton.less b/src/common/RadioButton/RadioButton.less index 42e91b004..7e414a521 100644 --- a/src/common/RadioButton/RadioButton.less +++ b/src/common/RadioButton/RadioButton.less @@ -21,7 +21,6 @@ cursor: pointer; outline: none; user-select: none; - margin-right: 0.75rem; outline-width: var(--focus-outline-size); outline-color: @color-surface-light5; outline-offset: calc(-1 * var(--focus-outline-size)); diff --git a/src/routes/Settings/URLsManager/Item/Item.less b/src/routes/Settings/URLsManager/Item/Item.less index 81c6d6c17..1205555cc 100644 --- a/src/routes/Settings/URLsManager/Item/Item.less +++ b/src/routes/Settings/URLsManager/Item/Item.less @@ -4,10 +4,10 @@ .item { display: flex; - padding: 1rem 1.5rem; - border-radius: var(--border-radius); + padding: 0.7rem 1.5rem; + border-radius: 2.5rem; transition: 0.3s all ease-in-out; - background-color: transparent; + background-color: var(--overlay-color); border: 2px solid transparent; justify-content: space-between; position: relative; @@ -34,7 +34,7 @@ .actions { display: flex; gap: 1rem; - margin-right: 5rem; + padding-right: 4rem; .status { display: flex; @@ -100,7 +100,7 @@ } &:hover { - background-color: var(--overlay-color); + border: 2px solid var(--overlay-color); .actions { .delete { @@ -114,13 +114,11 @@ @media only screen and (max-width: @minimum) { .item { - padding: 1rem 0.5rem; + padding: 0.7rem 1rem; .actions { - margin-right: 4rem; - .delete { - right: 0.5rem; + right: 1rem; .icon { opacity: 0.6; diff --git a/src/routes/Settings/URLsManager/URLsManager.less b/src/routes/Settings/URLsManager/URLsManager.less index 440ec39b3..fd0055d1c 100644 --- a/src/routes/Settings/URLsManager/URLsManager.less +++ b/src/routes/Settings/URLsManager/URLsManager.less @@ -8,7 +8,8 @@ .header { display: flex; - justify-content: space-around; + justify-content: space-between; + padding: 0 3rem; align-items: center; .label { @@ -16,6 +17,10 @@ color: var(--primary-foreground-color); font-weight: 400; opacity: 0.6; + + &:last-of-type { + padding-right: 3rem; + } } }