From f7154f45c27e51f70f1432f8d4092d59e8ed18e6 Mon Sep 17 00:00:00 2001 From: Maier Date: Wed, 8 Jan 2020 16:38:08 -0500 Subject: [PATCH] fix image alignment on setup cards for desktop --- static/styles.css | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/static/styles.css b/static/styles.css index f518cc2..0ffd2c0 100644 --- a/static/styles.css +++ b/static/styles.css @@ -24,6 +24,11 @@ font-size: 0.9em; } + .card-image { + top: 21%; + left: 14%; + } + .modal { width: 92%; } @@ -159,6 +164,7 @@ .app-title img { width: 35em; + filter: drop-shadow(45px -15px 100px rgba(255,255,255, 1)); } #main-buttons a { @@ -169,6 +175,11 @@ justify-content: flex-start; } + .card-image { + top: 29%; + left: 20%; + } + #join-game-container input[type=text] { width: 17em; height: 1.7em; @@ -422,8 +433,6 @@ button { .card-image { position: absolute; pointer-events: none; - top: 21%; - left: 14%; } .card-quantity {