diff options
Diffstat (limited to 'src_scss')
| -rw-r--r-- | src_scss/_grid.scss | 53 | ||||
| -rw-r--r-- | src_scss/main.scss | 15 |
2 files changed, 10 insertions, 58 deletions
diff --git a/src_scss/_grid.scss b/src_scss/_grid.scss deleted file mode 100644 index 68c9cb9..0000000 --- a/src_scss/_grid.scss +++ /dev/null @@ -1,53 +0,0 @@ -@import 'color';
-
-
-table.grid {
- table-layout: fixed;
- border-spacing: 0px;
- border: 1px solid $color-grey-400;
-
- td:not(:last-child) {
- border-right: 1px solid $color-grey-300;
- }
-
- thead tr, tfoot tr {
- background-color: $color-grey-200;
- }
-
- td, th {
- padding: 4px;
- overflow: hidden;
- text-overflow: ellipsis;
- }
-
- tbody td {
- background-color: white;
- }
-
- tbody td, tfoot td {
- border-top: 1px solid $color-grey-400;
- }
-
- input {
- width: 100%;
- }
-
- input[type=text] {
- position: relative;
- border: 1px;
- font-size: 10pt;
- font-family: 'Roboto';
- }
-
- tfoot td > div {
- display: flex;
-
- & > .spacer {
- flex-grow: 1;
- }
- }
-
- .invalid {
- background-color: rgba(red, 0.2);
- }
-}
diff --git a/src_scss/main.scss b/src_scss/main.scss index 80cb0ab..ed40ab2 100644 --- a/src_scss/main.scss +++ b/src_scss/main.scss @@ -36,6 +36,10 @@ body { background-color: $color-grey-100; overflow: auto; + .invalid { + background-color: rgba(red, 0.3); + } + & > .header { flex-shrink: 0; margin: 1rem; @@ -63,12 +67,13 @@ body { } } - & > .group { - flex-shrink: 0; - display: flex; - flex-direction: column; + & > .form { + display: grid; + grid-template-columns: auto 1fr; + grid-column-gap: 0.5rem; + grid-row-gap: 0.3rem; + align-items: center; margin: 1rem; - margin-bottom: 0; } & > .content { |