From 2b67caf151b282b4d81758252b211b672541152f Mon Sep 17 00:00:00 2001 From: Dennis Eichhorn Date: Thu, 19 Oct 2023 22:08:16 +0000 Subject: [PATCH] label icon alignment --- layout.scss | 6 ++++++ styles.css | 15 ++++++++++++--- table.scss | 17 +++++++++++++---- 3 files changed, 31 insertions(+), 7 deletions(-) diff --git a/layout.scss b/layout.scss index 92cc1e6..51dd80c 100755 --- a/layout.scss +++ b/layout.scss @@ -54,6 +54,12 @@ div.sticky, section.sticky { label { font-size: .9rem; flex: 0 0 100%; + display: inline-flex; + align-items: center; + + &> i { + margin-right: .5rem; + } } span.checkbox+span.checkbox { diff --git a/styles.css b/styles.css index 4831664..031cd66 100755 --- a/styles.css +++ b/styles.css @@ -1953,7 +1953,11 @@ div.sticky, section.sticky { margin-top: .75rem; } .form-group label { font-size: .9rem; - flex: 0 0 100%; } + flex: 0 0 100%; + display: inline-flex; + align-items: center; } + .form-group label > i { + margin-right: .5rem; } .form-group span.checkbox + span.checkbox { margin-left: 1.5rem; } .form-group .input-control { @@ -3610,6 +3614,8 @@ table.default { table.default td { padding: 3px 10px 3px 10px; white-space: nowrap; } + table.default tbody td, table.default tbody th { + border-bottom: 1px solid #ebedf2; } table.default tbody tr { height: 2.5rem; } table.default tbody tr:nth-of-type(2n) { @@ -3618,8 +3624,6 @@ table.default { background: var(--table-row-background-alt); } table.default tbody tr:hover td, table.default tbody tr:focus td { background: var(--table-row-background-hover); } - table.default tbody tr td, table.default tbody tr th { - border-bottom: 1px solid #ebedf2; } table.default tbody tr:last-child td, table.default tbody tr:last-child th { border: none; } table.default tbody tr:focus, table.default tbody tr:hover { @@ -3628,6 +3632,11 @@ table.default { box-shadow: 0 0 5px var(--box-border); } table.default tbody th { background: var(--table-head-background); } + table.default tbody a { + display: inline-flex; + align-items: center; } + table.default tbody a i { + margin-right: .5rem; } table.default thead { background: var(--table-head-background); } table.default thead tr { diff --git a/table.scss b/table.scss index 6a6557b..fe939a3 100755 --- a/table.scss +++ b/table.scss @@ -78,6 +78,10 @@ table { } tbody { + td, th { + border-bottom: 1px solid #ebedf2; + } + tr { height: 2.5rem; @@ -93,10 +97,6 @@ table { background: var(--table-row-background-hover); } - td, th { - border-bottom: 1px solid #ebedf2; - } - &:last-child td, &:last-child th { border: none; } @@ -111,6 +111,15 @@ table { th { background: var(--table-head-background); } + + a { + display: inline-flex; + align-items: center; + + i { + margin-right: .5rem; + } + } } thead {