diff --git a/src/resources/sass/app.scss b/src/resources/sass/app.scss --- a/src/resources/sass/app.scss +++ b/src/resources/sass/app.scss @@ -111,6 +111,7 @@ td { vertical-align: middle; height: 8em; + border: 0; } tbody:not(:empty) + & { @@ -284,6 +285,16 @@ margin-bottom: 0.5rem; } + .nav-tabs { + flex-wrap: nowrap; + overflow-x: auto; + + .nav-link { + white-space: nowrap; + padding: 0.5rem 0.75rem; + } + } + .tab-content { margin-top: 0.5rem; } @@ -308,6 +319,7 @@ #app > div.container { margin-bottom: 1rem; margin-top: 1rem; + max-width: 100%; } #header-menu-navbar { @@ -332,4 +344,55 @@ } } } + + .table.transactions { + thead { + display: none; + } + + tbody { + tr { + position: relative; + display: flex; + flex-wrap: wrap; + } + + td { + width: auto; + border: 0; + padding: 0.5rem; + + &.datetime { + width: 50%; + padding-left: 0; + } + + &.description { + order: 3; + width: 100%; + border-bottom: 1px solid $border-color; + color: $secondary; + padding: 0 1.5em 0.5rem 0; + margin-top: -0.25em; + } + + &.selection { + position: absolute; + right: 0; + border: 0; + top: 1.7em; + padding-right: 0; + } + + &.price { + width: 50%; + padding-right: 0; + } + + &.email { + display: none; + } + } + } + } } diff --git a/src/resources/sass/menu.scss b/src/resources/sass/menu.scss --- a/src/resources/sass/menu.scss +++ b/src/resources/sass/menu.scss @@ -76,16 +76,16 @@ } } - #footer-menu { + .navbar { .navbar { - flex-direction: column; - align-items: flex-end; + justify-content: flex-end; } } - .navbar { + #footer-menu { .navbar { - justify-content: flex-end; + flex-direction: column; + align-items: flex-end; } } } diff --git a/src/resources/vue/Widgets/TransactionLog.vue b/src/resources/vue/Widgets/TransactionLog.vue --- a/src/resources/vue/Widgets/TransactionLog.vue +++ b/src/resources/vue/Widgets/TransactionLog.vue @@ -15,7 +15,7 @@ {{ transaction.createdAt }} {{ transaction.user }} -