From d017a49c31f2788cc7596ebbc0bf68cc57ab30c5 Mon Sep 17 00:00:00 2001 From: Emilia Date: Tue, 13 Jun 2023 12:59:49 -0400 Subject: [PATCH] More CSS tweaks for small screens --- assets/scss/default_theme/components/_plate_container.scss | 6 +----- assets/scss/default_theme/components/_plates.scss | 6 +++--- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git a/assets/scss/default_theme/components/_plate_container.scss b/assets/scss/default_theme/components/_plate_container.scss index 023a4c1..cff857f 100644 --- a/assets/scss/default_theme/components/_plate_container.scss +++ b/assets/scss/default_theme/components/_plate_container.scss @@ -4,7 +4,7 @@ div.plate_container { display: flex; flex-direction: column; - justify-content: center; + justify-content: space-evenly; align-items: center; border: 2px solid $color-dark; @@ -15,8 +15,4 @@ div.plate_container { margin-bottom: 1%; text-align: center; } - - .plate_container--destination { - margin-top: 3%; - } } diff --git a/assets/scss/default_theme/components/_plates.scss b/assets/scss/default_theme/components/_plates.scss index 96d0f13..0317e1d 100644 --- a/assets/scss/default_theme/components/_plates.scss +++ b/assets/scss/default_theme/components/_plates.scss @@ -26,7 +26,7 @@ div.plate_cell_inner { aspect-ratio: 1 / 1; height: 90%; border-radius: 50%; - border: 2px solid black; + border: 1px solid black; } td.plate_cell:hover div.plate_cell_inner { background: black !important; @@ -43,10 +43,10 @@ td.plate_cell.in_transfer div.plate_cell_inner::after { rgba(0,0,0,0.8), rgba(0,0,0,0.8) 2px, transparent 2px, - transparent 4px + transparent 5px ); } td.current_select div.plate_cell_inner { - border: 4px solid black; + border: 3px solid black; }