diff options
| author | Florrie <towerofnix@gmail.com> | 2019-12-21 13:44:34 -0400 |
|---|---|---|
| committer | Florrie <towerofnix@gmail.com> | 2019-12-21 13:44:34 -0400 |
| commit | 4a37d240a308d0084b04fede0133aec13c72b7a9 (patch) | |
| tree | aee4d483693a43c0ddb16a9719ab19520f44d961 | |
| parent | 35f1231edf8ac26398798b8857f95e2aac7819fa (diff) | |
improve target element styling
| -rw-r--r-- | src/css/style.css | 8 |
1 files changed, 6 insertions, 2 deletions
diff --git a/src/css/style.css b/src/css/style.css index cb65c4b..6b0aa80 100644 --- a/src/css/style.css +++ b/src/css/style.css @@ -126,18 +126,22 @@ body { .target { display: flex; flex-direction: column; - border: 1px solid black; + border: 1px solid #666666; align-items: center; padding: 10px; margin: 10px; cursor: pointer; - background-color: rgba(255, 255, 255, 0.5); + min-height: 100px; + background-color: rgba(200, 200, 200, 0.5); } .target img { + width: 100%; max-width: 80px; max-height: 80px; margin: 4px; + flex-grow: 1; + object-fit: contain; } .target span { |