X-Git-Url: https://git.localhorst.tv/?a=blobdiff_plain;f=resources%2Fsass%2Fresults.scss;h=f569bdcf57eeea2bda3d1adbac02b83a05632b65;hb=b45c183b7ba39080b6438c6238bad614c4d3953e;hp=ca1e1612e97b9003bcc7cbe7e55ff43eb6d1cc7d;hpb=80befc9403845a0f41f5f7e766938b0bbf607d7e;p=alttp.git diff --git a/resources/sass/results.scss b/resources/sass/results.scss index ca1e161..f569bdc 100644 --- a/resources/sass/results.scss +++ b/resources/sass/results.scss @@ -2,20 +2,37 @@ .result { padding: 1ex; + .user-box { + margin-right: 1ex; + } + .status { display: flex; + position: relative; align-items: center; justify-content: space-between; margin-top: 1ex; padding: 0.5em; + width: 100%; min-width: 15ex; + border: none; border-radius: 1ex; background: $dark; color: $light; + box-shadow: none; + transition: top 0.15s ease-in-out; + &.has-comment { + box-shadow: 0 0.5ex 0 $info; + } + &:active { + box-shadow: none; + top: 0.5ex; + } + .time { min-width: 9ex; - height: 1.4em; + height: 1.6em; border-radius: 0.5ex; padding: 0 0.5ex; } @@ -23,5 +40,12 @@ background: $secondary; } } + + .vod-link { + margin-top: 1ex; + margin-left: 0.5ex; + padding: 0.5em; + border-radius: 1ex; + } } }