X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Frounds.scss;h=d8d117db805f729859c1a0b4bf98c883401369d5;hb=6fe6cd1272c87bf7f89aa9ba59362e98c790c564;hp=f258d46fd0f82b7585222be23531b62d61f112d4;hpb=2110d91bc5016fd78aec02578b09506b6d67f45e;p=alttp.git diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss index f258d46..d8d117d 100644 --- a/resources/sass/rounds.scss +++ b/resources/sass/rounds.scss @@ -8,6 +8,10 @@ border-radius: 1ex; padding: 1ex; + &.has-not-finished { + box-shadow: 0 0 0.25rem $primary; + } + .info { padding-right: 1rem; min-width: 13em; @@ -16,19 +20,35 @@ font-size: 125%; } - .seed-code { - margin: 1rem 0; + .rolled-by { + display: inline-block; + vertical-align: middle; + + img { + max-height: 2rem; + width: auto; + border-radius: 50%; + } + } + + .seed-code, .btn, .rolled-by { + margin-bottom: 1ex; } } } } .seed-code { - display: flex; + display: inline-flex; flex-direction: row; flex-wrap: nowrap; align-items: center; align-content: center; justify-content: flex-start; gap: 0.5ex; + padding: 0.5ex; + border-radius: 0.5ex; + background: $dark; + color: $light; + vertical-align: middle; }